/* Example CSS file - Get Example Files. Fictional design system. */
:root {
  --brand: #1a6aff;
  --ink: #0b1a4a;
  --bg: #f4f7fb;
}
.component-0 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-0:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-0 { flex-direction: column; } }
.component-1 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1 { flex-direction: column; } }
.component-2 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2 { flex-direction: column; } }
.component-3 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3 { flex-direction: column; } }
.component-4 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4 { flex-direction: column; } }
.component-5 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5 { flex-direction: column; } }
.component-6 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6 { flex-direction: column; } }
.component-7 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7 { flex-direction: column; } }
.component-8 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8 { flex-direction: column; } }
.component-9 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9 { flex-direction: column; } }
.component-10 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10 { flex-direction: column; } }
.component-11 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11 { flex-direction: column; } }
.component-12 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12 { flex-direction: column; } }
.component-13 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13 { flex-direction: column; } }
.component-14 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14 { flex-direction: column; } }
.component-15 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15 { flex-direction: column; } }
.component-16 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16 { flex-direction: column; } }
.component-17 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-17:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17 { flex-direction: column; } }
.component-18 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-18:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18 { flex-direction: column; } }
.component-19 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-19:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19 { flex-direction: column; } }
.component-20 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-20:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20 { flex-direction: column; } }
.component-21 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-21:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21 { flex-direction: column; } }
.component-22 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-22:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22 { flex-direction: column; } }
.component-23 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-23:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23 { flex-direction: column; } }
.component-24 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-24:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24 { flex-direction: column; } }
.component-25 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-25:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25 { flex-direction: column; } }
.component-26 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-26:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26 { flex-direction: column; } }
.component-27 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-27:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27 { flex-direction: column; } }
.component-28 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-28:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28 { flex-direction: column; } }
.component-29 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-29:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29 { flex-direction: column; } }
.component-30 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-30:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30 { flex-direction: column; } }
.component-31 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-31:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31 { flex-direction: column; } }
.component-32 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-32:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32 { flex-direction: column; } }
.component-33 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-33:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-33 { flex-direction: column; } }
.component-34 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-34:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-34 { flex-direction: column; } }
.component-35 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-35:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-35 { flex-direction: column; } }
.component-36 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-36:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-36 { flex-direction: column; } }
.component-37 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-37:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-37 { flex-direction: column; } }
.component-38 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-38:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-38 { flex-direction: column; } }
.component-39 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-39:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-39 { flex-direction: column; } }
.component-40 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-40:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-40 { flex-direction: column; } }
.component-41 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-41:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-41 { flex-direction: column; } }
.component-42 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-42:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-42 { flex-direction: column; } }
.component-43 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-43:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-43 { flex-direction: column; } }
.component-44 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-44:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-44 { flex-direction: column; } }
.component-45 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-45:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-45 { flex-direction: column; } }
.component-46 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-46:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-46 { flex-direction: column; } }
.component-47 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-47:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-47 { flex-direction: column; } }
.component-48 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-48:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-48 { flex-direction: column; } }
.component-49 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-49:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-49 { flex-direction: column; } }
.component-50 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-50:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-50 { flex-direction: column; } }
.component-51 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-51:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-51 { flex-direction: column; } }
.component-52 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-52:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-52 { flex-direction: column; } }
.component-53 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-53:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-53 { flex-direction: column; } }
.component-54 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-54:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-54 { flex-direction: column; } }
.component-55 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-55:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-55 { flex-direction: column; } }
.component-56 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-56:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-56 { flex-direction: column; } }
.component-57 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-57:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-57 { flex-direction: column; } }
.component-58 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-58:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-58 { flex-direction: column; } }
.component-59 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-59:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-59 { flex-direction: column; } }
.component-60 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-60:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-60 { flex-direction: column; } }
.component-61 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-61:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-61 { flex-direction: column; } }
.component-62 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-62:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-62 { flex-direction: column; } }
.component-63 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-63:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-63 { flex-direction: column; } }
.component-64 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-64:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-64 { flex-direction: column; } }
.component-65 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-65:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-65 { flex-direction: column; } }
.component-66 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-66:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-66 { flex-direction: column; } }
.component-67 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-67:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-67 { flex-direction: column; } }
.component-68 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-68:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-68 { flex-direction: column; } }
.component-69 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-69:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-69 { flex-direction: column; } }
.component-70 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-70:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-70 { flex-direction: column; } }
.component-71 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-71:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-71 { flex-direction: column; } }
.component-72 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-72:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-72 { flex-direction: column; } }
.component-73 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-73:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-73 { flex-direction: column; } }
.component-74 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-74:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-74 { flex-direction: column; } }
.component-75 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-75:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-75 { flex-direction: column; } }
.component-76 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-76:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-76 { flex-direction: column; } }
.component-77 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-77:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-77 { flex-direction: column; } }
.component-78 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-78:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-78 { flex-direction: column; } }
.component-79 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-79:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-79 { flex-direction: column; } }
.component-80 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-80:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-80 { flex-direction: column; } }
.component-81 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-81:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-81 { flex-direction: column; } }
.component-82 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-82:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-82 { flex-direction: column; } }
.component-83 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-83:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-83 { flex-direction: column; } }
.component-84 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-84:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-84 { flex-direction: column; } }
.component-85 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-85:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-85 { flex-direction: column; } }
.component-86 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-86:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-86 { flex-direction: column; } }
.component-87 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-87:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-87 { flex-direction: column; } }
.component-88 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-88:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-88 { flex-direction: column; } }
.component-89 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-89:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-89 { flex-direction: column; } }
.component-90 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-90:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-90 { flex-direction: column; } }
.component-91 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-91:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-91 { flex-direction: column; } }
.component-92 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-92:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-92 { flex-direction: column; } }
.component-93 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-93:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-93 { flex-direction: column; } }
.component-94 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-94:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-94 { flex-direction: column; } }
.component-95 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-95:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-95 { flex-direction: column; } }
.component-96 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-96:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-96 { flex-direction: column; } }
.component-97 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-97:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-97 { flex-direction: column; } }
.component-98 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-98:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-98 { flex-direction: column; } }
.component-99 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-99:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-99 { flex-direction: column; } }
.component-100 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-100:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-100 { flex-direction: column; } }
.component-101 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-101:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-101 { flex-direction: column; } }
.component-102 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-102:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-102 { flex-direction: column; } }
.component-103 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-103:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-103 { flex-direction: column; } }
.component-104 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-104:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-104 { flex-direction: column; } }
.component-105 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-105:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-105 { flex-direction: column; } }
.component-106 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-106:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-106 { flex-direction: column; } }
.component-107 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-107:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-107 { flex-direction: column; } }
.component-108 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-108:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-108 { flex-direction: column; } }
.component-109 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-109:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-109 { flex-direction: column; } }
.component-110 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-110:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-110 { flex-direction: column; } }
.component-111 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-111:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-111 { flex-direction: column; } }
.component-112 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-112:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-112 { flex-direction: column; } }
.component-113 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-113:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-113 { flex-direction: column; } }
.component-114 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-114:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-114 { flex-direction: column; } }
.component-115 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-115:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-115 { flex-direction: column; } }
.component-116 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-116:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-116 { flex-direction: column; } }
.component-117 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-117:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-117 { flex-direction: column; } }
.component-118 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-118:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-118 { flex-direction: column; } }
.component-119 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-119:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-119 { flex-direction: column; } }
.component-120 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-120:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-120 { flex-direction: column; } }
.component-121 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-121:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-121 { flex-direction: column; } }
.component-122 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-122:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-122 { flex-direction: column; } }
.component-123 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-123:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-123 { flex-direction: column; } }
.component-124 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-124:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-124 { flex-direction: column; } }
.component-125 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-125:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-125 { flex-direction: column; } }
.component-126 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-126:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-126 { flex-direction: column; } }
.component-127 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-127:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-127 { flex-direction: column; } }
.component-128 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-128:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-128 { flex-direction: column; } }
.component-129 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-129:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-129 { flex-direction: column; } }
.component-130 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-130:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-130 { flex-direction: column; } }
.component-131 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-131:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-131 { flex-direction: column; } }
.component-132 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-132:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-132 { flex-direction: column; } }
.component-133 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-133:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-133 { flex-direction: column; } }
.component-134 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-134:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-134 { flex-direction: column; } }
.component-135 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-135:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-135 { flex-direction: column; } }
.component-136 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-136:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-136 { flex-direction: column; } }
.component-137 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-137:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-137 { flex-direction: column; } }
.component-138 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-138:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-138 { flex-direction: column; } }
.component-139 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-139:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-139 { flex-direction: column; } }
.component-140 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-140:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-140 { flex-direction: column; } }
.component-141 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-141:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-141 { flex-direction: column; } }
.component-142 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-142:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-142 { flex-direction: column; } }
.component-143 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-143:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-143 { flex-direction: column; } }
.component-144 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-144:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-144 { flex-direction: column; } }
.component-145 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-145:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-145 { flex-direction: column; } }
.component-146 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-146:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-146 { flex-direction: column; } }
.component-147 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-147:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-147 { flex-direction: column; } }
.component-148 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-148:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-148 { flex-direction: column; } }
.component-149 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-149:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-149 { flex-direction: column; } }
.component-150 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-150:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-150 { flex-direction: column; } }
.component-151 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-151:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-151 { flex-direction: column; } }
.component-152 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-152:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-152 { flex-direction: column; } }
.component-153 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-153:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-153 { flex-direction: column; } }
.component-154 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-154:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-154 { flex-direction: column; } }
.component-155 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-155:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-155 { flex-direction: column; } }
.component-156 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-156:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-156 { flex-direction: column; } }
.component-157 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-157:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-157 { flex-direction: column; } }
.component-158 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-158:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-158 { flex-direction: column; } }
.component-159 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-159:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-159 { flex-direction: column; } }
.component-160 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-160:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-160 { flex-direction: column; } }
.component-161 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-161:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-161 { flex-direction: column; } }
.component-162 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-162:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-162 { flex-direction: column; } }
.component-163 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-163:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-163 { flex-direction: column; } }
.component-164 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-164:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-164 { flex-direction: column; } }
.component-165 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-165:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-165 { flex-direction: column; } }
.component-166 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-166:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-166 { flex-direction: column; } }
.component-167 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-167:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-167 { flex-direction: column; } }
.component-168 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-168:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-168 { flex-direction: column; } }
.component-169 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-169:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-169 { flex-direction: column; } }
.component-170 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-170:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-170 { flex-direction: column; } }
.component-171 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-171:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-171 { flex-direction: column; } }
.component-172 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-172:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-172 { flex-direction: column; } }
.component-173 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-173:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-173 { flex-direction: column; } }
.component-174 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-174:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-174 { flex-direction: column; } }
.component-175 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-175:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-175 { flex-direction: column; } }
.component-176 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-176:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-176 { flex-direction: column; } }
.component-177 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-177:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-177 { flex-direction: column; } }
.component-178 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-178:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-178 { flex-direction: column; } }
.component-179 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-179:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-179 { flex-direction: column; } }
.component-180 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-180:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-180 { flex-direction: column; } }
.component-181 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-181:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-181 { flex-direction: column; } }
.component-182 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-182:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-182 { flex-direction: column; } }
.component-183 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-183:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-183 { flex-direction: column; } }
.component-184 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-184:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-184 { flex-direction: column; } }
.component-185 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-185:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-185 { flex-direction: column; } }
.component-186 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-186:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-186 { flex-direction: column; } }
.component-187 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-187:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-187 { flex-direction: column; } }
.component-188 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-188:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-188 { flex-direction: column; } }
.component-189 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-189:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-189 { flex-direction: column; } }
.component-190 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-190:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-190 { flex-direction: column; } }
.component-191 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-191:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-191 { flex-direction: column; } }
.component-192 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-192:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-192 { flex-direction: column; } }
.component-193 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-193:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-193 { flex-direction: column; } }
.component-194 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-194:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-194 { flex-direction: column; } }
.component-195 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-195:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-195 { flex-direction: column; } }
.component-196 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-196:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-196 { flex-direction: column; } }
.component-197 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-197:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-197 { flex-direction: column; } }
.component-198 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-198:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-198 { flex-direction: column; } }
.component-199 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-199:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-199 { flex-direction: column; } }
.component-200 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-200:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-200 { flex-direction: column; } }
.component-201 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-201:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-201 { flex-direction: column; } }
.component-202 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-202:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-202 { flex-direction: column; } }
.component-203 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-203:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-203 { flex-direction: column; } }
.component-204 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-204:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-204 { flex-direction: column; } }
.component-205 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-205:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-205 { flex-direction: column; } }
.component-206 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-206:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-206 { flex-direction: column; } }
.component-207 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-207:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-207 { flex-direction: column; } }
.component-208 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-208:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-208 { flex-direction: column; } }
.component-209 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-209:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-209 { flex-direction: column; } }
.component-210 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-210:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-210 { flex-direction: column; } }
.component-211 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-211:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-211 { flex-direction: column; } }
.component-212 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-212:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-212 { flex-direction: column; } }
.component-213 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-213:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-213 { flex-direction: column; } }
.component-214 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-214:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-214 { flex-direction: column; } }
.component-215 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-215:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-215 { flex-direction: column; } }
.component-216 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-216:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-216 { flex-direction: column; } }
.component-217 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-217:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-217 { flex-direction: column; } }
.component-218 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-218:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-218 { flex-direction: column; } }
.component-219 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-219:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-219 { flex-direction: column; } }
.component-220 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-220:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-220 { flex-direction: column; } }
.component-221 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-221:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-221 { flex-direction: column; } }
.component-222 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-222:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-222 { flex-direction: column; } }
.component-223 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-223:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-223 { flex-direction: column; } }
.component-224 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-224:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-224 { flex-direction: column; } }
.component-225 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-225:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-225 { flex-direction: column; } }
.component-226 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-226:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-226 { flex-direction: column; } }
.component-227 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-227:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-227 { flex-direction: column; } }
.component-228 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-228:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-228 { flex-direction: column; } }
.component-229 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-229:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-229 { flex-direction: column; } }
.component-230 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-230:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-230 { flex-direction: column; } }
.component-231 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-231:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-231 { flex-direction: column; } }
.component-232 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-232:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-232 { flex-direction: column; } }
.component-233 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-233:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-233 { flex-direction: column; } }
.component-234 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-234:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-234 { flex-direction: column; } }
.component-235 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-235:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-235 { flex-direction: column; } }
.component-236 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-236:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-236 { flex-direction: column; } }
.component-237 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-237:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-237 { flex-direction: column; } }
.component-238 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-238:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-238 { flex-direction: column; } }
.component-239 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-239:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-239 { flex-direction: column; } }
.component-240 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-240:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-240 { flex-direction: column; } }
.component-241 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-241:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-241 { flex-direction: column; } }
.component-242 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-242:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-242 { flex-direction: column; } }
.component-243 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-243:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-243 { flex-direction: column; } }
.component-244 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-244:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-244 { flex-direction: column; } }
.component-245 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-245:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-245 { flex-direction: column; } }
.component-246 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-246:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-246 { flex-direction: column; } }
.component-247 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-247:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-247 { flex-direction: column; } }
.component-248 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-248:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-248 { flex-direction: column; } }
.component-249 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-249:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-249 { flex-direction: column; } }
.component-250 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-250:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-250 { flex-direction: column; } }
.component-251 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-251:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-251 { flex-direction: column; } }
.component-252 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-252:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-252 { flex-direction: column; } }
.component-253 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-253:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-253 { flex-direction: column; } }
.component-254 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-254:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-254 { flex-direction: column; } }
.component-255 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-255:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-255 { flex-direction: column; } }
.component-256 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-256:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-256 { flex-direction: column; } }
.component-257 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-257:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-257 { flex-direction: column; } }
.component-258 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-258:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-258 { flex-direction: column; } }
.component-259 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-259:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-259 { flex-direction: column; } }
.component-260 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-260:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-260 { flex-direction: column; } }
.component-261 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-261:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-261 { flex-direction: column; } }
.component-262 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-262:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-262 { flex-direction: column; } }
.component-263 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-263:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-263 { flex-direction: column; } }
.component-264 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-264:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-264 { flex-direction: column; } }
.component-265 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-265:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-265 { flex-direction: column; } }
.component-266 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-266:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-266 { flex-direction: column; } }
.component-267 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-267:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-267 { flex-direction: column; } }
.component-268 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-268:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-268 { flex-direction: column; } }
.component-269 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-269:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-269 { flex-direction: column; } }
.component-270 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-270:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-270 { flex-direction: column; } }
.component-271 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-271:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-271 { flex-direction: column; } }
.component-272 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-272:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-272 { flex-direction: column; } }
.component-273 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-273:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-273 { flex-direction: column; } }
.component-274 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-274:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-274 { flex-direction: column; } }
.component-275 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-275:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-275 { flex-direction: column; } }
.component-276 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-276:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-276 { flex-direction: column; } }
.component-277 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-277:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-277 { flex-direction: column; } }
.component-278 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-278:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-278 { flex-direction: column; } }
.component-279 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-279:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-279 { flex-direction: column; } }
.component-280 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-280:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-280 { flex-direction: column; } }
.component-281 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-281:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-281 { flex-direction: column; } }
.component-282 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-282:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-282 { flex-direction: column; } }
.component-283 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-283:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-283 { flex-direction: column; } }
.component-284 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-284:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-284 { flex-direction: column; } }
.component-285 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-285:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-285 { flex-direction: column; } }
.component-286 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-286:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-286 { flex-direction: column; } }
.component-287 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-287:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-287 { flex-direction: column; } }
.component-288 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-288:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-288 { flex-direction: column; } }
.component-289 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-289:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-289 { flex-direction: column; } }
.component-290 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-290:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-290 { flex-direction: column; } }
.component-291 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-291:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-291 { flex-direction: column; } }
.component-292 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-292:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-292 { flex-direction: column; } }
.component-293 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-293:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-293 { flex-direction: column; } }
.component-294 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-294:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-294 { flex-direction: column; } }
.component-295 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-295:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-295 { flex-direction: column; } }
.component-296 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-296:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-296 { flex-direction: column; } }
.component-297 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-297:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-297 { flex-direction: column; } }
.component-298 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-298:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-298 { flex-direction: column; } }
.component-299 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-299:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-299 { flex-direction: column; } }
.component-300 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-300:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-300 { flex-direction: column; } }
.component-301 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-301:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-301 { flex-direction: column; } }
.component-302 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-302:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-302 { flex-direction: column; } }
.component-303 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-303:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-303 { flex-direction: column; } }
.component-304 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-304:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-304 { flex-direction: column; } }
.component-305 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-305:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-305 { flex-direction: column; } }
.component-306 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-306:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-306 { flex-direction: column; } }
.component-307 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-307:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-307 { flex-direction: column; } }
.component-308 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-308:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-308 { flex-direction: column; } }
.component-309 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-309:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-309 { flex-direction: column; } }
.component-310 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-310:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-310 { flex-direction: column; } }
.component-311 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-311:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-311 { flex-direction: column; } }
.component-312 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-312:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-312 { flex-direction: column; } }
.component-313 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-313:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-313 { flex-direction: column; } }
.component-314 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-314:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-314 { flex-direction: column; } }
.component-315 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-315:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-315 { flex-direction: column; } }
.component-316 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-316:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-316 { flex-direction: column; } }
.component-317 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-317:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-317 { flex-direction: column; } }
.component-318 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-318:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-318 { flex-direction: column; } }
.component-319 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-319:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-319 { flex-direction: column; } }
.component-320 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-320:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-320 { flex-direction: column; } }
.component-321 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-321:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-321 { flex-direction: column; } }
.component-322 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-322:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-322 { flex-direction: column; } }
.component-323 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-323:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-323 { flex-direction: column; } }
.component-324 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-324:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-324 { flex-direction: column; } }
.component-325 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-325:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-325 { flex-direction: column; } }
.component-326 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-326:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-326 { flex-direction: column; } }
.component-327 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-327:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-327 { flex-direction: column; } }
.component-328 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-328:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-328 { flex-direction: column; } }
.component-329 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-329:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-329 { flex-direction: column; } }
.component-330 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-330:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-330 { flex-direction: column; } }
.component-331 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-331:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-331 { flex-direction: column; } }
.component-332 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-332:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-332 { flex-direction: column; } }
.component-333 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-333:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-333 { flex-direction: column; } }
.component-334 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-334:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-334 { flex-direction: column; } }
.component-335 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-335:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-335 { flex-direction: column; } }
.component-336 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-336:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-336 { flex-direction: column; } }
.component-337 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-337:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-337 { flex-direction: column; } }
.component-338 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-338:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-338 { flex-direction: column; } }
.component-339 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-339:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-339 { flex-direction: column; } }
.component-340 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-340:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-340 { flex-direction: column; } }
.component-341 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-341:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-341 { flex-direction: column; } }
.component-342 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-342:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-342 { flex-direction: column; } }
.component-343 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-343:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-343 { flex-direction: column; } }
.component-344 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-344:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-344 { flex-direction: column; } }
.component-345 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-345:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-345 { flex-direction: column; } }
.component-346 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-346:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-346 { flex-direction: column; } }
.component-347 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-347:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-347 { flex-direction: column; } }
.component-348 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-348:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-348 { flex-direction: column; } }
.component-349 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-349:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-349 { flex-direction: column; } }
.component-350 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-350:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-350 { flex-direction: column; } }
.component-351 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-351:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-351 { flex-direction: column; } }
.component-352 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-352:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-352 { flex-direction: column; } }
.component-353 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-353:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-353 { flex-direction: column; } }
.component-354 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-354:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-354 { flex-direction: column; } }
.component-355 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-355:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-355 { flex-direction: column; } }
.component-356 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-356:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-356 { flex-direction: column; } }
.component-357 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-357:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-357 { flex-direction: column; } }
.component-358 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-358:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-358 { flex-direction: column; } }
.component-359 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-359:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-359 { flex-direction: column; } }
.component-360 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-360:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-360 { flex-direction: column; } }
.component-361 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-361:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-361 { flex-direction: column; } }
.component-362 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-362:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-362 { flex-direction: column; } }
.component-363 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-363:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-363 { flex-direction: column; } }
.component-364 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-364:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-364 { flex-direction: column; } }
.component-365 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-365:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-365 { flex-direction: column; } }
.component-366 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-366:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-366 { flex-direction: column; } }
.component-367 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-367:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-367 { flex-direction: column; } }
.component-368 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-368:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-368 { flex-direction: column; } }
.component-369 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-369:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-369 { flex-direction: column; } }
.component-370 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-370:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-370 { flex-direction: column; } }
.component-371 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-371:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-371 { flex-direction: column; } }
.component-372 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-372:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-372 { flex-direction: column; } }
.component-373 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-373:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-373 { flex-direction: column; } }
.component-374 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-374:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-374 { flex-direction: column; } }
.component-375 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-375:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-375 { flex-direction: column; } }
.component-376 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-376:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-376 { flex-direction: column; } }
.component-377 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-377:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-377 { flex-direction: column; } }
.component-378 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-378:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-378 { flex-direction: column; } }
.component-379 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-379:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-379 { flex-direction: column; } }
.component-380 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-380:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-380 { flex-direction: column; } }
.component-381 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-381:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-381 { flex-direction: column; } }
.component-382 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-382:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-382 { flex-direction: column; } }
.component-383 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-383:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-383 { flex-direction: column; } }
.component-384 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-384:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-384 { flex-direction: column; } }
.component-385 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-385:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-385 { flex-direction: column; } }
.component-386 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-386:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-386 { flex-direction: column; } }
.component-387 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-387:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-387 { flex-direction: column; } }
.component-388 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-388:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-388 { flex-direction: column; } }
.component-389 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-389:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-389 { flex-direction: column; } }
.component-390 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-390:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-390 { flex-direction: column; } }
.component-391 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-391:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-391 { flex-direction: column; } }
.component-392 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-392:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-392 { flex-direction: column; } }
.component-393 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-393:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-393 { flex-direction: column; } }
.component-394 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-394:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-394 { flex-direction: column; } }
.component-395 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-395:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-395 { flex-direction: column; } }
.component-396 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-396:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-396 { flex-direction: column; } }
.component-397 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-397:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-397 { flex-direction: column; } }
.component-398 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-398:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-398 { flex-direction: column; } }
.component-399 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-399:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-399 { flex-direction: column; } }
.component-400 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-400:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-400 { flex-direction: column; } }
.component-401 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-401:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-401 { flex-direction: column; } }
.component-402 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-402:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-402 { flex-direction: column; } }
.component-403 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-403:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-403 { flex-direction: column; } }
.component-404 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-404:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-404 { flex-direction: column; } }
.component-405 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-405:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-405 { flex-direction: column; } }
.component-406 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-406:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-406 { flex-direction: column; } }
.component-407 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-407:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-407 { flex-direction: column; } }
.component-408 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-408:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-408 { flex-direction: column; } }
.component-409 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-409:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-409 { flex-direction: column; } }
.component-410 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-410:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-410 { flex-direction: column; } }
.component-411 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-411:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-411 { flex-direction: column; } }
.component-412 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-412:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-412 { flex-direction: column; } }
.component-413 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-413:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-413 { flex-direction: column; } }
.component-414 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-414:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-414 { flex-direction: column; } }
.component-415 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-415:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-415 { flex-direction: column; } }
.component-416 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-416:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-416 { flex-direction: column; } }
.component-417 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-417:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-417 { flex-direction: column; } }
.component-418 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-418:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-418 { flex-direction: column; } }
.component-419 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-419:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-419 { flex-direction: column; } }
.component-420 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-420:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-420 { flex-direction: column; } }
.component-421 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-421:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-421 { flex-direction: column; } }
.component-422 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-422:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-422 { flex-direction: column; } }
.component-423 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-423:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-423 { flex-direction: column; } }
.component-424 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-424:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-424 { flex-direction: column; } }
.component-425 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-425:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-425 { flex-direction: column; } }
.component-426 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-426:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-426 { flex-direction: column; } }
.component-427 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-427:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-427 { flex-direction: column; } }
.component-428 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-428:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-428 { flex-direction: column; } }
.component-429 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-429:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-429 { flex-direction: column; } }
.component-430 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-430:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-430 { flex-direction: column; } }
.component-431 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-431:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-431 { flex-direction: column; } }
.component-432 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-432:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-432 { flex-direction: column; } }
.component-433 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-433:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-433 { flex-direction: column; } }
.component-434 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-434:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-434 { flex-direction: column; } }
.component-435 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-435:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-435 { flex-direction: column; } }
.component-436 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-436:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-436 { flex-direction: column; } }
.component-437 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-437:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-437 { flex-direction: column; } }
.component-438 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-438:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-438 { flex-direction: column; } }
.component-439 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-439:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-439 { flex-direction: column; } }
.component-440 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-440:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-440 { flex-direction: column; } }
.component-441 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-441:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-441 { flex-direction: column; } }
.component-442 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-442:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-442 { flex-direction: column; } }
.component-443 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-443:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-443 { flex-direction: column; } }
.component-444 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-444:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-444 { flex-direction: column; } }
.component-445 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-445:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-445 { flex-direction: column; } }
.component-446 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-446:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-446 { flex-direction: column; } }
.component-447 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-447:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-447 { flex-direction: column; } }
.component-448 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-448:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-448 { flex-direction: column; } }
.component-449 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-449:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-449 { flex-direction: column; } }
.component-450 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-450:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-450 { flex-direction: column; } }
.component-451 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-451:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-451 { flex-direction: column; } }
.component-452 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-452:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-452 { flex-direction: column; } }
.component-453 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-453:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-453 { flex-direction: column; } }
.component-454 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-454:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-454 { flex-direction: column; } }
.component-455 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-455:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-455 { flex-direction: column; } }
.component-456 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-456:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-456 { flex-direction: column; } }
.component-457 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-457:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-457 { flex-direction: column; } }
.component-458 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-458:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-458 { flex-direction: column; } }
.component-459 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-459:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-459 { flex-direction: column; } }
.component-460 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-460:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-460 { flex-direction: column; } }
.component-461 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-461:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-461 { flex-direction: column; } }
.component-462 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-462:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-462 { flex-direction: column; } }
.component-463 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-463:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-463 { flex-direction: column; } }
.component-464 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-464:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-464 { flex-direction: column; } }
.component-465 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-465:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-465 { flex-direction: column; } }
.component-466 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-466:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-466 { flex-direction: column; } }
.component-467 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-467:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-467 { flex-direction: column; } }
.component-468 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-468:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-468 { flex-direction: column; } }
.component-469 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-469:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-469 { flex-direction: column; } }
.component-470 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-470:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-470 { flex-direction: column; } }
.component-471 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-471:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-471 { flex-direction: column; } }
.component-472 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-472:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-472 { flex-direction: column; } }
.component-473 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-473:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-473 { flex-direction: column; } }
.component-474 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-474:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-474 { flex-direction: column; } }
.component-475 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-475:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-475 { flex-direction: column; } }
.component-476 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-476:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-476 { flex-direction: column; } }
.component-477 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-477:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-477 { flex-direction: column; } }
.component-478 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-478:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-478 { flex-direction: column; } }
.component-479 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-479:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-479 { flex-direction: column; } }
.component-480 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-480:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-480 { flex-direction: column; } }
.component-481 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-481:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-481 { flex-direction: column; } }
.component-482 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-482:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-482 { flex-direction: column; } }
.component-483 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-483:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-483 { flex-direction: column; } }
.component-484 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-484:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-484 { flex-direction: column; } }
.component-485 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-485:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-485 { flex-direction: column; } }
.component-486 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-486:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-486 { flex-direction: column; } }
.component-487 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-487:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-487 { flex-direction: column; } }
.component-488 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-488:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-488 { flex-direction: column; } }
.component-489 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-489:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-489 { flex-direction: column; } }
.component-490 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-490:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-490 { flex-direction: column; } }
.component-491 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-491:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-491 { flex-direction: column; } }
.component-492 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-492:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-492 { flex-direction: column; } }
.component-493 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-493:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-493 { flex-direction: column; } }
.component-494 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-494:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-494 { flex-direction: column; } }
.component-495 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-495:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-495 { flex-direction: column; } }
.component-496 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-496:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-496 { flex-direction: column; } }
.component-497 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-497:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-497 { flex-direction: column; } }
.component-498 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-498:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-498 { flex-direction: column; } }
.component-499 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-499:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-499 { flex-direction: column; } }
.component-500 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-500:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-500 { flex-direction: column; } }
.component-501 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-501:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-501 { flex-direction: column; } }
.component-502 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-502:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-502 { flex-direction: column; } }
.component-503 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-503:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-503 { flex-direction: column; } }
.component-504 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-504:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-504 { flex-direction: column; } }
.component-505 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-505:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-505 { flex-direction: column; } }
.component-506 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-506:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-506 { flex-direction: column; } }
.component-507 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-507:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-507 { flex-direction: column; } }
.component-508 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-508:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-508 { flex-direction: column; } }
.component-509 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-509:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-509 { flex-direction: column; } }
.component-510 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-510:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-510 { flex-direction: column; } }
.component-511 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-511:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-511 { flex-direction: column; } }
.component-512 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-512:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-512 { flex-direction: column; } }
.component-513 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-513:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-513 { flex-direction: column; } }
.component-514 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-514:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-514 { flex-direction: column; } }
.component-515 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-515:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-515 { flex-direction: column; } }
.component-516 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-516:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-516 { flex-direction: column; } }
.component-517 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-517:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-517 { flex-direction: column; } }
.component-518 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-518:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-518 { flex-direction: column; } }
.component-519 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-519:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-519 { flex-direction: column; } }
.component-520 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-520:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-520 { flex-direction: column; } }
.component-521 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-521:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-521 { flex-direction: column; } }
.component-522 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-522:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-522 { flex-direction: column; } }
.component-523 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-523:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-523 { flex-direction: column; } }
.component-524 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-524:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-524 { flex-direction: column; } }
.component-525 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-525:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-525 { flex-direction: column; } }
.component-526 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-526:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-526 { flex-direction: column; } }
.component-527 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-527:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-527 { flex-direction: column; } }
.component-528 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-528:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-528 { flex-direction: column; } }
.component-529 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-529:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-529 { flex-direction: column; } }
.component-530 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-530:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-530 { flex-direction: column; } }
.component-531 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-531:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-531 { flex-direction: column; } }
.component-532 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-532:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-532 { flex-direction: column; } }
.component-533 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-533:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-533 { flex-direction: column; } }
.component-534 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-534:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-534 { flex-direction: column; } }
.component-535 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-535:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-535 { flex-direction: column; } }
.component-536 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-536:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-536 { flex-direction: column; } }
.component-537 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-537:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-537 { flex-direction: column; } }
.component-538 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-538:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-538 { flex-direction: column; } }
.component-539 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-539:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-539 { flex-direction: column; } }
.component-540 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-540:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-540 { flex-direction: column; } }
.component-541 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-541:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-541 { flex-direction: column; } }
.component-542 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-542:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-542 { flex-direction: column; } }
.component-543 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-543:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-543 { flex-direction: column; } }
.component-544 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-544:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-544 { flex-direction: column; } }
.component-545 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-545:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-545 { flex-direction: column; } }
.component-546 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-546:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-546 { flex-direction: column; } }
.component-547 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-547:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-547 { flex-direction: column; } }
.component-548 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-548:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-548 { flex-direction: column; } }
.component-549 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-549:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-549 { flex-direction: column; } }
.component-550 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-550:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-550 { flex-direction: column; } }
.component-551 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-551:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-551 { flex-direction: column; } }
.component-552 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-552:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-552 { flex-direction: column; } }
.component-553 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-553:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-553 { flex-direction: column; } }
.component-554 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-554:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-554 { flex-direction: column; } }
.component-555 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-555:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-555 { flex-direction: column; } }
.component-556 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-556:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-556 { flex-direction: column; } }
.component-557 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-557:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-557 { flex-direction: column; } }
.component-558 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-558:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-558 { flex-direction: column; } }
.component-559 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-559:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-559 { flex-direction: column; } }
.component-560 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-560:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-560 { flex-direction: column; } }
.component-561 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-561:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-561 { flex-direction: column; } }
.component-562 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-562:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-562 { flex-direction: column; } }
.component-563 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-563:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-563 { flex-direction: column; } }
.component-564 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-564:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-564 { flex-direction: column; } }
.component-565 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-565:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-565 { flex-direction: column; } }
.component-566 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-566:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-566 { flex-direction: column; } }
.component-567 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-567:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-567 { flex-direction: column; } }
.component-568 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-568:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-568 { flex-direction: column; } }
.component-569 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-569:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-569 { flex-direction: column; } }
.component-570 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-570:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-570 { flex-direction: column; } }
.component-571 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-571:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-571 { flex-direction: column; } }
.component-572 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-572:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-572 { flex-direction: column; } }
.component-573 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-573:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-573 { flex-direction: column; } }
.component-574 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-574:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-574 { flex-direction: column; } }
.component-575 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-575:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-575 { flex-direction: column; } }
.component-576 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-576:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-576 { flex-direction: column; } }
.component-577 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-577:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-577 { flex-direction: column; } }
.component-578 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-578:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-578 { flex-direction: column; } }
.component-579 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-579:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-579 { flex-direction: column; } }
.component-580 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-580:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-580 { flex-direction: column; } }
.component-581 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-581:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-581 { flex-direction: column; } }
.component-582 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-582:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-582 { flex-direction: column; } }
.component-583 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-583:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-583 { flex-direction: column; } }
.component-584 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-584:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-584 { flex-direction: column; } }
.component-585 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-585:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-585 { flex-direction: column; } }
.component-586 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-586:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-586 { flex-direction: column; } }
.component-587 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-587:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-587 { flex-direction: column; } }
.component-588 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-588:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-588 { flex-direction: column; } }
.component-589 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-589:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-589 { flex-direction: column; } }
.component-590 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-590:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-590 { flex-direction: column; } }
.component-591 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-591:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-591 { flex-direction: column; } }
.component-592 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-592:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-592 { flex-direction: column; } }
.component-593 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-593:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-593 { flex-direction: column; } }
.component-594 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-594:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-594 { flex-direction: column; } }
.component-595 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-595:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-595 { flex-direction: column; } }
.component-596 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-596:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-596 { flex-direction: column; } }
.component-597 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-597:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-597 { flex-direction: column; } }
.component-598 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-598:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-598 { flex-direction: column; } }
.component-599 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-599:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-599 { flex-direction: column; } }
.component-600 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-600:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-600 { flex-direction: column; } }
.component-601 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-601:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-601 { flex-direction: column; } }
.component-602 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-602:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-602 { flex-direction: column; } }
.component-603 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-603:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-603 { flex-direction: column; } }
.component-604 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-604:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-604 { flex-direction: column; } }
.component-605 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-605:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-605 { flex-direction: column; } }
.component-606 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-606:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-606 { flex-direction: column; } }
.component-607 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-607:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-607 { flex-direction: column; } }
.component-608 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-608:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-608 { flex-direction: column; } }
.component-609 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-609:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-609 { flex-direction: column; } }
.component-610 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-610:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-610 { flex-direction: column; } }
.component-611 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-611:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-611 { flex-direction: column; } }
.component-612 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-612:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-612 { flex-direction: column; } }
.component-613 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-613:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-613 { flex-direction: column; } }
.component-614 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-614:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-614 { flex-direction: column; } }
.component-615 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-615:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-615 { flex-direction: column; } }
.component-616 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-616:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-616 { flex-direction: column; } }
.component-617 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-617:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-617 { flex-direction: column; } }
.component-618 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-618:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-618 { flex-direction: column; } }
.component-619 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-619:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-619 { flex-direction: column; } }
.component-620 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-620:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-620 { flex-direction: column; } }
.component-621 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-621:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-621 { flex-direction: column; } }
.component-622 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-622:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-622 { flex-direction: column; } }
.component-623 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-623:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-623 { flex-direction: column; } }
.component-624 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-624:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-624 { flex-direction: column; } }
.component-625 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-625:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-625 { flex-direction: column; } }
.component-626 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-626:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-626 { flex-direction: column; } }
.component-627 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-627:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-627 { flex-direction: column; } }
.component-628 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-628:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-628 { flex-direction: column; } }
.component-629 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-629:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-629 { flex-direction: column; } }
.component-630 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-630:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-630 { flex-direction: column; } }
.component-631 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-631:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-631 { flex-direction: column; } }
.component-632 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-632:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-632 { flex-direction: column; } }
.component-633 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-633:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-633 { flex-direction: column; } }
.component-634 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-634:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-634 { flex-direction: column; } }
.component-635 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-635:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-635 { flex-direction: column; } }
.component-636 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-636:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-636 { flex-direction: column; } }
.component-637 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-637:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-637 { flex-direction: column; } }
.component-638 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-638:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-638 { flex-direction: column; } }
.component-639 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-639:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-639 { flex-direction: column; } }
.component-640 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-640:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-640 { flex-direction: column; } }
.component-641 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-641:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-641 { flex-direction: column; } }
.component-642 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-642:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-642 { flex-direction: column; } }
.component-643 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-643:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-643 { flex-direction: column; } }
.component-644 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-644:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-644 { flex-direction: column; } }
.component-645 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-645:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-645 { flex-direction: column; } }
.component-646 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-646:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-646 { flex-direction: column; } }
.component-647 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-647:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-647 { flex-direction: column; } }
.component-648 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-648:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-648 { flex-direction: column; } }
.component-649 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-649:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-649 { flex-direction: column; } }
.component-650 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-650:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-650 { flex-direction: column; } }
.component-651 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-651:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-651 { flex-direction: column; } }
.component-652 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-652:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-652 { flex-direction: column; } }
.component-653 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-653:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-653 { flex-direction: column; } }
.component-654 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-654:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-654 { flex-direction: column; } }
.component-655 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-655:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-655 { flex-direction: column; } }
.component-656 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-656:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-656 { flex-direction: column; } }
.component-657 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-657:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-657 { flex-direction: column; } }
.component-658 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-658:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-658 { flex-direction: column; } }
.component-659 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-659:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-659 { flex-direction: column; } }
.component-660 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-660:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-660 { flex-direction: column; } }
.component-661 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-661:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-661 { flex-direction: column; } }
.component-662 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-662:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-662 { flex-direction: column; } }
.component-663 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-663:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-663 { flex-direction: column; } }
.component-664 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-664:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-664 { flex-direction: column; } }
.component-665 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-665:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-665 { flex-direction: column; } }
.component-666 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-666:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-666 { flex-direction: column; } }
.component-667 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-667:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-667 { flex-direction: column; } }
.component-668 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-668:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-668 { flex-direction: column; } }
.component-669 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-669:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-669 { flex-direction: column; } }
.component-670 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-670:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-670 { flex-direction: column; } }
.component-671 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-671:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-671 { flex-direction: column; } }
.component-672 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-672:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-672 { flex-direction: column; } }
.component-673 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-673:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-673 { flex-direction: column; } }
.component-674 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-674:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-674 { flex-direction: column; } }
.component-675 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-675:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-675 { flex-direction: column; } }
.component-676 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-676:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-676 { flex-direction: column; } }
.component-677 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-677:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-677 { flex-direction: column; } }
.component-678 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-678:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-678 { flex-direction: column; } }
.component-679 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-679:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-679 { flex-direction: column; } }
.component-680 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-680:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-680 { flex-direction: column; } }
.component-681 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-681:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-681 { flex-direction: column; } }
.component-682 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-682:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-682 { flex-direction: column; } }
.component-683 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-683:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-683 { flex-direction: column; } }
.component-684 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-684:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-684 { flex-direction: column; } }
.component-685 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-685:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-685 { flex-direction: column; } }
.component-686 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-686:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-686 { flex-direction: column; } }
.component-687 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-687:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-687 { flex-direction: column; } }
.component-688 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-688:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-688 { flex-direction: column; } }
.component-689 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-689:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-689 { flex-direction: column; } }
.component-690 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-690:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-690 { flex-direction: column; } }
.component-691 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-691:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-691 { flex-direction: column; } }
.component-692 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-692:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-692 { flex-direction: column; } }
.component-693 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-693:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-693 { flex-direction: column; } }
.component-694 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-694:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-694 { flex-direction: column; } }
.component-695 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-695:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-695 { flex-direction: column; } }
.component-696 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-696:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-696 { flex-direction: column; } }
.component-697 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-697:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-697 { flex-direction: column; } }
.component-698 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-698:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-698 { flex-direction: column; } }
.component-699 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-699:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-699 { flex-direction: column; } }
.component-700 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-700:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-700 { flex-direction: column; } }
.component-701 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-701:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-701 { flex-direction: column; } }
.component-702 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-702:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-702 { flex-direction: column; } }
.component-703 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-703:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-703 { flex-direction: column; } }
.component-704 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-704:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-704 { flex-direction: column; } }
.component-705 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-705:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-705 { flex-direction: column; } }
.component-706 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-706:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-706 { flex-direction: column; } }
.component-707 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-707:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-707 { flex-direction: column; } }
.component-708 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-708:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-708 { flex-direction: column; } }
.component-709 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-709:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-709 { flex-direction: column; } }
.component-710 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-710:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-710 { flex-direction: column; } }
.component-711 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-711:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-711 { flex-direction: column; } }
.component-712 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-712:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-712 { flex-direction: column; } }
.component-713 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-713:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-713 { flex-direction: column; } }
.component-714 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-714:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-714 { flex-direction: column; } }
.component-715 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-715:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-715 { flex-direction: column; } }
.component-716 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-716:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-716 { flex-direction: column; } }
.component-717 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-717:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-717 { flex-direction: column; } }
.component-718 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-718:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-718 { flex-direction: column; } }
.component-719 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-719:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-719 { flex-direction: column; } }
.component-720 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-720:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-720 { flex-direction: column; } }
.component-721 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-721:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-721 { flex-direction: column; } }
.component-722 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-722:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-722 { flex-direction: column; } }
.component-723 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-723:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-723 { flex-direction: column; } }
.component-724 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-724:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-724 { flex-direction: column; } }
.component-725 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-725:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-725 { flex-direction: column; } }
.component-726 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-726:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-726 { flex-direction: column; } }
.component-727 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-727:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-727 { flex-direction: column; } }
.component-728 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-728:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-728 { flex-direction: column; } }
.component-729 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-729:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-729 { flex-direction: column; } }
.component-730 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-730:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-730 { flex-direction: column; } }
.component-731 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-731:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-731 { flex-direction: column; } }
.component-732 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-732:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-732 { flex-direction: column; } }
.component-733 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-733:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-733 { flex-direction: column; } }
.component-734 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-734:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-734 { flex-direction: column; } }
.component-735 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-735:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-735 { flex-direction: column; } }
.component-736 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-736:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-736 { flex-direction: column; } }
.component-737 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-737:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-737 { flex-direction: column; } }
.component-738 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-738:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-738 { flex-direction: column; } }
.component-739 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-739:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-739 { flex-direction: column; } }
.component-740 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-740:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-740 { flex-direction: column; } }
.component-741 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-741:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-741 { flex-direction: column; } }
.component-742 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-742:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-742 { flex-direction: column; } }
.component-743 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-743:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-743 { flex-direction: column; } }
.component-744 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-744:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-744 { flex-direction: column; } }
.component-745 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-745:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-745 { flex-direction: column; } }
.component-746 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-746:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-746 { flex-direction: column; } }
.component-747 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-747:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-747 { flex-direction: column; } }
.component-748 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-748:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-748 { flex-direction: column; } }
.component-749 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-749:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-749 { flex-direction: column; } }
.component-750 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-750:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-750 { flex-direction: column; } }
.component-751 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-751:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-751 { flex-direction: column; } }
.component-752 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-752:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-752 { flex-direction: column; } }
.component-753 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-753:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-753 { flex-direction: column; } }
.component-754 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-754:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-754 { flex-direction: column; } }
.component-755 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-755:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-755 { flex-direction: column; } }
.component-756 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-756:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-756 { flex-direction: column; } }
.component-757 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-757:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-757 { flex-direction: column; } }
.component-758 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-758:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-758 { flex-direction: column; } }
.component-759 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-759:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-759 { flex-direction: column; } }
.component-760 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-760:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-760 { flex-direction: column; } }
.component-761 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-761:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-761 { flex-direction: column; } }
.component-762 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-762:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-762 { flex-direction: column; } }
.component-763 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-763:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-763 { flex-direction: column; } }
.component-764 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-764:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-764 { flex-direction: column; } }
.component-765 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-765:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-765 { flex-direction: column; } }
.component-766 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-766:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-766 { flex-direction: column; } }
.component-767 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-767:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-767 { flex-direction: column; } }
.component-768 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-768:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-768 { flex-direction: column; } }
.component-769 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-769:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-769 { flex-direction: column; } }
.component-770 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-770:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-770 { flex-direction: column; } }
.component-771 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-771:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-771 { flex-direction: column; } }
.component-772 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-772:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-772 { flex-direction: column; } }
.component-773 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-773:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-773 { flex-direction: column; } }
.component-774 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-774:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-774 { flex-direction: column; } }
.component-775 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-775:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-775 { flex-direction: column; } }
.component-776 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-776:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-776 { flex-direction: column; } }
.component-777 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-777:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-777 { flex-direction: column; } }
.component-778 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-778:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-778 { flex-direction: column; } }
.component-779 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-779:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-779 { flex-direction: column; } }
.component-780 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-780:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-780 { flex-direction: column; } }
.component-781 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-781:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-781 { flex-direction: column; } }
.component-782 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-782:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-782 { flex-direction: column; } }
.component-783 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-783:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-783 { flex-direction: column; } }
.component-784 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-784:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-784 { flex-direction: column; } }
.component-785 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-785:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-785 { flex-direction: column; } }
.component-786 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-786:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-786 { flex-direction: column; } }
.component-787 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-787:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-787 { flex-direction: column; } }
.component-788 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-788:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-788 { flex-direction: column; } }
.component-789 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-789:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-789 { flex-direction: column; } }
.component-790 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-790:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-790 { flex-direction: column; } }
.component-791 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-791:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-791 { flex-direction: column; } }
.component-792 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-792:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-792 { flex-direction: column; } }
.component-793 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-793:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-793 { flex-direction: column; } }
.component-794 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-794:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-794 { flex-direction: column; } }
.component-795 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-795:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-795 { flex-direction: column; } }
.component-796 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-796:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-796 { flex-direction: column; } }
.component-797 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-797:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-797 { flex-direction: column; } }
.component-798 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-798:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-798 { flex-direction: column; } }
.component-799 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-799:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-799 { flex-direction: column; } }
.component-800 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-800:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-800 { flex-direction: column; } }
.component-801 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-801:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-801 { flex-direction: column; } }
.component-802 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-802:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-802 { flex-direction: column; } }
.component-803 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-803:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-803 { flex-direction: column; } }
.component-804 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-804:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-804 { flex-direction: column; } }
.component-805 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-805:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-805 { flex-direction: column; } }
.component-806 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-806:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-806 { flex-direction: column; } }
.component-807 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-807:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-807 { flex-direction: column; } }
.component-808 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-808:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-808 { flex-direction: column; } }
.component-809 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-809:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-809 { flex-direction: column; } }
.component-810 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-810:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-810 { flex-direction: column; } }
.component-811 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-811:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-811 { flex-direction: column; } }
.component-812 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-812:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-812 { flex-direction: column; } }
.component-813 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-813:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-813 { flex-direction: column; } }
.component-814 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-814:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-814 { flex-direction: column; } }
.component-815 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-815:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-815 { flex-direction: column; } }
.component-816 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-816:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-816 { flex-direction: column; } }
.component-817 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-817:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-817 { flex-direction: column; } }
.component-818 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-818:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-818 { flex-direction: column; } }
.component-819 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-819:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-819 { flex-direction: column; } }
.component-820 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-820:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-820 { flex-direction: column; } }
.component-821 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-821:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-821 { flex-direction: column; } }
.component-822 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-822:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-822 { flex-direction: column; } }
.component-823 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-823:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-823 { flex-direction: column; } }
.component-824 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-824:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-824 { flex-direction: column; } }
.component-825 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-825:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-825 { flex-direction: column; } }
.component-826 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-826:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-826 { flex-direction: column; } }
.component-827 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-827:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-827 { flex-direction: column; } }
.component-828 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-828:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-828 { flex-direction: column; } }
.component-829 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-829:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-829 { flex-direction: column; } }
.component-830 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-830:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-830 { flex-direction: column; } }
.component-831 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-831:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-831 { flex-direction: column; } }
.component-832 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-832:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-832 { flex-direction: column; } }
.component-833 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-833:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-833 { flex-direction: column; } }
.component-834 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-834:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-834 { flex-direction: column; } }
.component-835 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-835:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-835 { flex-direction: column; } }
.component-836 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-836:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-836 { flex-direction: column; } }
.component-837 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-837:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-837 { flex-direction: column; } }
.component-838 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-838:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-838 { flex-direction: column; } }
.component-839 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-839:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-839 { flex-direction: column; } }
.component-840 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-840:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-840 { flex-direction: column; } }
.component-841 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-841:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-841 { flex-direction: column; } }
.component-842 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-842:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-842 { flex-direction: column; } }
.component-843 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-843:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-843 { flex-direction: column; } }
.component-844 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-844:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-844 { flex-direction: column; } }
.component-845 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-845:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-845 { flex-direction: column; } }
.component-846 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-846:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-846 { flex-direction: column; } }
.component-847 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-847:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-847 { flex-direction: column; } }
.component-848 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-848:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-848 { flex-direction: column; } }
.component-849 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-849:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-849 { flex-direction: column; } }
.component-850 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-850:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-850 { flex-direction: column; } }
.component-851 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-851:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-851 { flex-direction: column; } }
.component-852 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-852:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-852 { flex-direction: column; } }
.component-853 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-853:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-853 { flex-direction: column; } }
.component-854 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-854:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-854 { flex-direction: column; } }
.component-855 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-855:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-855 { flex-direction: column; } }
.component-856 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-856:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-856 { flex-direction: column; } }
.component-857 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-857:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-857 { flex-direction: column; } }
.component-858 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-858:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-858 { flex-direction: column; } }
.component-859 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-859:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-859 { flex-direction: column; } }
.component-860 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-860:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-860 { flex-direction: column; } }
.component-861 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-861:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-861 { flex-direction: column; } }
.component-862 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-862:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-862 { flex-direction: column; } }
.component-863 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-863:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-863 { flex-direction: column; } }
.component-864 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-864:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-864 { flex-direction: column; } }
.component-865 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-865:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-865 { flex-direction: column; } }
.component-866 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-866:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-866 { flex-direction: column; } }
.component-867 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-867:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-867 { flex-direction: column; } }
.component-868 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-868:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-868 { flex-direction: column; } }
.component-869 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-869:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-869 { flex-direction: column; } }
.component-870 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-870:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-870 { flex-direction: column; } }
.component-871 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-871:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-871 { flex-direction: column; } }
.component-872 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-872:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-872 { flex-direction: column; } }
.component-873 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-873:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-873 { flex-direction: column; } }
.component-874 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-874:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-874 { flex-direction: column; } }
.component-875 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-875:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-875 { flex-direction: column; } }
.component-876 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-876:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-876 { flex-direction: column; } }
.component-877 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-877:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-877 { flex-direction: column; } }
.component-878 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-878:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-878 { flex-direction: column; } }
.component-879 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-879:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-879 { flex-direction: column; } }
.component-880 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-880:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-880 { flex-direction: column; } }
.component-881 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-881:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-881 { flex-direction: column; } }
.component-882 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-882:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-882 { flex-direction: column; } }
.component-883 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-883:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-883 { flex-direction: column; } }
.component-884 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-884:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-884 { flex-direction: column; } }
.component-885 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-885:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-885 { flex-direction: column; } }
.component-886 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-886:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-886 { flex-direction: column; } }
.component-887 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-887:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-887 { flex-direction: column; } }
.component-888 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-888:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-888 { flex-direction: column; } }
.component-889 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-889:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-889 { flex-direction: column; } }
.component-890 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-890:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-890 { flex-direction: column; } }
.component-891 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-891:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-891 { flex-direction: column; } }
.component-892 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-892:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-892 { flex-direction: column; } }
.component-893 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-893:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-893 { flex-direction: column; } }
.component-894 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-894:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-894 { flex-direction: column; } }
.component-895 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-895:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-895 { flex-direction: column; } }
.component-896 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-896:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-896 { flex-direction: column; } }
.component-897 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-897:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-897 { flex-direction: column; } }
.component-898 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-898:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-898 { flex-direction: column; } }
.component-899 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-899:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-899 { flex-direction: column; } }
.component-900 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-900:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-900 { flex-direction: column; } }
.component-901 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-901:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-901 { flex-direction: column; } }
.component-902 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-902:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-902 { flex-direction: column; } }
.component-903 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-903:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-903 { flex-direction: column; } }
.component-904 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-904:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-904 { flex-direction: column; } }
.component-905 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-905:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-905 { flex-direction: column; } }
.component-906 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-906:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-906 { flex-direction: column; } }
.component-907 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-907:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-907 { flex-direction: column; } }
.component-908 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-908:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-908 { flex-direction: column; } }
.component-909 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-909:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-909 { flex-direction: column; } }
.component-910 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-910:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-910 { flex-direction: column; } }
.component-911 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-911:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-911 { flex-direction: column; } }
.component-912 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-912:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-912 { flex-direction: column; } }
.component-913 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-913:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-913 { flex-direction: column; } }
.component-914 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-914:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-914 { flex-direction: column; } }
.component-915 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-915:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-915 { flex-direction: column; } }
.component-916 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-916:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-916 { flex-direction: column; } }
.component-917 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-917:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-917 { flex-direction: column; } }
.component-918 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-918:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-918 { flex-direction: column; } }
.component-919 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-919:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-919 { flex-direction: column; } }
.component-920 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-920:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-920 { flex-direction: column; } }
.component-921 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-921:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-921 { flex-direction: column; } }
.component-922 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-922:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-922 { flex-direction: column; } }
.component-923 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-923:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-923 { flex-direction: column; } }
.component-924 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-924:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-924 { flex-direction: column; } }
.component-925 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-925:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-925 { flex-direction: column; } }
.component-926 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-926:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-926 { flex-direction: column; } }
.component-927 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-927:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-927 { flex-direction: column; } }
.component-928 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-928:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-928 { flex-direction: column; } }
.component-929 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-929:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-929 { flex-direction: column; } }
.component-930 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-930:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-930 { flex-direction: column; } }
.component-931 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-931:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-931 { flex-direction: column; } }
.component-932 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-932:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-932 { flex-direction: column; } }
.component-933 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-933:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-933 { flex-direction: column; } }
.component-934 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-934:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-934 { flex-direction: column; } }
.component-935 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-935:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-935 { flex-direction: column; } }
.component-936 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-936:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-936 { flex-direction: column; } }
.component-937 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-937:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-937 { flex-direction: column; } }
.component-938 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-938:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-938 { flex-direction: column; } }
.component-939 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-939:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-939 { flex-direction: column; } }
.component-940 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-940:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-940 { flex-direction: column; } }
.component-941 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-941:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-941 { flex-direction: column; } }
.component-942 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-942:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-942 { flex-direction: column; } }
.component-943 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-943:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-943 { flex-direction: column; } }
.component-944 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-944:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-944 { flex-direction: column; } }
.component-945 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-945:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-945 { flex-direction: column; } }
.component-946 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-946:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-946 { flex-direction: column; } }
.component-947 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-947:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-947 { flex-direction: column; } }
.component-948 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-948:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-948 { flex-direction: column; } }
.component-949 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-949:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-949 { flex-direction: column; } }
.component-950 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-950:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-950 { flex-direction: column; } }
.component-951 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-951:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-951 { flex-direction: column; } }
.component-952 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-952:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-952 { flex-direction: column; } }
.component-953 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-953:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-953 { flex-direction: column; } }
.component-954 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-954:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-954 { flex-direction: column; } }
.component-955 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-955:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-955 { flex-direction: column; } }
.component-956 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-956:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-956 { flex-direction: column; } }
.component-957 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-957:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-957 { flex-direction: column; } }
.component-958 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-958:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-958 { flex-direction: column; } }
.component-959 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-959:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-959 { flex-direction: column; } }
.component-960 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-960:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-960 { flex-direction: column; } }
.component-961 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-961:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-961 { flex-direction: column; } }
.component-962 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-962:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-962 { flex-direction: column; } }
.component-963 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-963:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-963 { flex-direction: column; } }
.component-964 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-964:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-964 { flex-direction: column; } }
.component-965 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-965:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-965 { flex-direction: column; } }
.component-966 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-966:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-966 { flex-direction: column; } }
.component-967 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-967:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-967 { flex-direction: column; } }
.component-968 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-968:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-968 { flex-direction: column; } }
.component-969 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-969:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-969 { flex-direction: column; } }
.component-970 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-970:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-970 { flex-direction: column; } }
.component-971 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-971:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-971 { flex-direction: column; } }
.component-972 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-972:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-972 { flex-direction: column; } }
.component-973 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-973:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-973 { flex-direction: column; } }
.component-974 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-974:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-974 { flex-direction: column; } }
.component-975 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-975:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-975 { flex-direction: column; } }
.component-976 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-976:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-976 { flex-direction: column; } }
.component-977 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-977:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-977 { flex-direction: column; } }
.component-978 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-978:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-978 { flex-direction: column; } }
.component-979 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-979:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-979 { flex-direction: column; } }
.component-980 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-980:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-980 { flex-direction: column; } }
.component-981 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-981:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-981 { flex-direction: column; } }
.component-982 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-982:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-982 { flex-direction: column; } }
.component-983 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-983:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-983 { flex-direction: column; } }
.component-984 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-984:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-984 { flex-direction: column; } }
.component-985 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-985:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-985 { flex-direction: column; } }
.component-986 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-986:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-986 { flex-direction: column; } }
.component-987 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-987:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-987 { flex-direction: column; } }
.component-988 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-988:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-988 { flex-direction: column; } }
.component-989 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-989:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-989 { flex-direction: column; } }
.component-990 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-990:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-990 { flex-direction: column; } }
.component-991 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-991:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-991 { flex-direction: column; } }
.component-992 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-992:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-992 { flex-direction: column; } }
.component-993 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-993:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-993 { flex-direction: column; } }
.component-994 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-994:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-994 { flex-direction: column; } }
.component-995 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-995:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-995 { flex-direction: column; } }
.component-996 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-996:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-996 { flex-direction: column; } }
.component-997 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-997:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-997 { flex-direction: column; } }
.component-998 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-998:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-998 { flex-direction: column; } }
.component-999 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-999:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-999 { flex-direction: column; } }
.component-1000 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1000:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1000 { flex-direction: column; } }
.component-1001 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1001:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1001 { flex-direction: column; } }
.component-1002 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1002:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1002 { flex-direction: column; } }
.component-1003 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1003:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1003 { flex-direction: column; } }
.component-1004 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1004:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1004 { flex-direction: column; } }
.component-1005 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1005:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1005 { flex-direction: column; } }
.component-1006 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1006:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1006 { flex-direction: column; } }
.component-1007 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1007:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1007 { flex-direction: column; } }
.component-1008 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1008:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1008 { flex-direction: column; } }
.component-1009 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1009:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1009 { flex-direction: column; } }
.component-1010 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1010:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1010 { flex-direction: column; } }
.component-1011 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1011:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1011 { flex-direction: column; } }
.component-1012 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1012:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1012 { flex-direction: column; } }
.component-1013 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1013:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1013 { flex-direction: column; } }
.component-1014 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1014:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1014 { flex-direction: column; } }
.component-1015 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1015:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1015 { flex-direction: column; } }
.component-1016 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1016:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1016 { flex-direction: column; } }
.component-1017 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1017:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1017 { flex-direction: column; } }
.component-1018 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1018:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1018 { flex-direction: column; } }
.component-1019 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1019:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1019 { flex-direction: column; } }
.component-1020 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1020:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1020 { flex-direction: column; } }
.component-1021 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1021:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1021 { flex-direction: column; } }
.component-1022 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1022:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1022 { flex-direction: column; } }
.component-1023 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1023:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1023 { flex-direction: column; } }
.component-1024 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1024:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1024 { flex-direction: column; } }
.component-1025 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1025:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1025 { flex-direction: column; } }
.component-1026 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1026:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1026 { flex-direction: column; } }
.component-1027 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1027:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1027 { flex-direction: column; } }
.component-1028 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1028:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1028 { flex-direction: column; } }
.component-1029 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1029:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1029 { flex-direction: column; } }
.component-1030 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1030:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1030 { flex-direction: column; } }
.component-1031 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1031:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1031 { flex-direction: column; } }
.component-1032 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1032:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1032 { flex-direction: column; } }
.component-1033 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1033:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1033 { flex-direction: column; } }
.component-1034 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1034:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1034 { flex-direction: column; } }
.component-1035 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1035:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1035 { flex-direction: column; } }
.component-1036 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1036:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1036 { flex-direction: column; } }
.component-1037 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1037:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1037 { flex-direction: column; } }
.component-1038 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1038:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1038 { flex-direction: column; } }
.component-1039 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1039:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1039 { flex-direction: column; } }
.component-1040 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1040:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1040 { flex-direction: column; } }
.component-1041 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1041:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1041 { flex-direction: column; } }
.component-1042 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1042:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1042 { flex-direction: column; } }
.component-1043 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1043:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1043 { flex-direction: column; } }
.component-1044 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1044:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1044 { flex-direction: column; } }
.component-1045 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1045:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1045 { flex-direction: column; } }
.component-1046 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1046:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1046 { flex-direction: column; } }
.component-1047 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1047:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1047 { flex-direction: column; } }
.component-1048 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1048:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1048 { flex-direction: column; } }
.component-1049 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1049:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1049 { flex-direction: column; } }
.component-1050 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1050:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1050 { flex-direction: column; } }
.component-1051 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1051:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1051 { flex-direction: column; } }
.component-1052 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1052:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1052 { flex-direction: column; } }
.component-1053 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1053:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1053 { flex-direction: column; } }
.component-1054 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1054:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1054 { flex-direction: column; } }
.component-1055 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1055:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1055 { flex-direction: column; } }
.component-1056 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1056:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1056 { flex-direction: column; } }
.component-1057 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1057:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1057 { flex-direction: column; } }
.component-1058 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1058:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1058 { flex-direction: column; } }
.component-1059 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1059:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1059 { flex-direction: column; } }
.component-1060 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1060:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1060 { flex-direction: column; } }
.component-1061 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1061:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1061 { flex-direction: column; } }
.component-1062 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1062:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1062 { flex-direction: column; } }
.component-1063 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1063:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1063 { flex-direction: column; } }
.component-1064 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1064:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1064 { flex-direction: column; } }
.component-1065 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1065:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1065 { flex-direction: column; } }
.component-1066 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1066:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1066 { flex-direction: column; } }
.component-1067 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1067:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1067 { flex-direction: column; } }
.component-1068 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1068:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1068 { flex-direction: column; } }
.component-1069 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1069:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1069 { flex-direction: column; } }
.component-1070 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1070:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1070 { flex-direction: column; } }
.component-1071 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1071:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1071 { flex-direction: column; } }
.component-1072 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1072:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1072 { flex-direction: column; } }
.component-1073 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1073:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1073 { flex-direction: column; } }
.component-1074 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1074:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1074 { flex-direction: column; } }
.component-1075 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1075:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1075 { flex-direction: column; } }
.component-1076 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1076:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1076 { flex-direction: column; } }
.component-1077 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1077:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1077 { flex-direction: column; } }
.component-1078 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1078:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1078 { flex-direction: column; } }
.component-1079 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1079:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1079 { flex-direction: column; } }
.component-1080 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1080:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1080 { flex-direction: column; } }
.component-1081 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1081:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1081 { flex-direction: column; } }
.component-1082 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1082:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1082 { flex-direction: column; } }
.component-1083 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1083:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1083 { flex-direction: column; } }
.component-1084 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1084:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1084 { flex-direction: column; } }
.component-1085 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1085:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1085 { flex-direction: column; } }
.component-1086 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1086:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1086 { flex-direction: column; } }
.component-1087 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1087:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1087 { flex-direction: column; } }
.component-1088 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1088:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1088 { flex-direction: column; } }
.component-1089 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1089:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1089 { flex-direction: column; } }
.component-1090 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1090:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1090 { flex-direction: column; } }
.component-1091 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1091:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1091 { flex-direction: column; } }
.component-1092 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1092:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1092 { flex-direction: column; } }
.component-1093 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1093:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1093 { flex-direction: column; } }
.component-1094 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1094:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1094 { flex-direction: column; } }
.component-1095 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1095:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1095 { flex-direction: column; } }
.component-1096 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1096:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1096 { flex-direction: column; } }
.component-1097 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1097:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1097 { flex-direction: column; } }
.component-1098 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1098:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1098 { flex-direction: column; } }
.component-1099 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1099:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1099 { flex-direction: column; } }
.component-1100 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1100:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1100 { flex-direction: column; } }
.component-1101 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1101:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1101 { flex-direction: column; } }
.component-1102 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1102:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1102 { flex-direction: column; } }
.component-1103 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1103:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1103 { flex-direction: column; } }
.component-1104 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1104:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1104 { flex-direction: column; } }
.component-1105 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1105:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1105 { flex-direction: column; } }
.component-1106 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1106:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1106 { flex-direction: column; } }
.component-1107 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1107:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1107 { flex-direction: column; } }
.component-1108 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1108:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1108 { flex-direction: column; } }
.component-1109 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1109:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1109 { flex-direction: column; } }
.component-1110 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1110:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1110 { flex-direction: column; } }
.component-1111 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1111:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1111 { flex-direction: column; } }
.component-1112 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1112:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1112 { flex-direction: column; } }
.component-1113 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1113:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1113 { flex-direction: column; } }
.component-1114 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1114:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1114 { flex-direction: column; } }
.component-1115 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1115:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1115 { flex-direction: column; } }
.component-1116 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1116:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1116 { flex-direction: column; } }
.component-1117 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1117:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1117 { flex-direction: column; } }
.component-1118 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1118:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1118 { flex-direction: column; } }
.component-1119 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1119:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1119 { flex-direction: column; } }
.component-1120 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1120:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1120 { flex-direction: column; } }
.component-1121 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1121:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1121 { flex-direction: column; } }
.component-1122 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1122:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1122 { flex-direction: column; } }
.component-1123 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1123:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1123 { flex-direction: column; } }
.component-1124 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1124:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1124 { flex-direction: column; } }
.component-1125 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1125:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1125 { flex-direction: column; } }
.component-1126 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1126:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1126 { flex-direction: column; } }
.component-1127 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1127:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1127 { flex-direction: column; } }
.component-1128 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1128:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1128 { flex-direction: column; } }
.component-1129 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1129:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1129 { flex-direction: column; } }
.component-1130 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1130:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1130 { flex-direction: column; } }
.component-1131 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1131:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1131 { flex-direction: column; } }
.component-1132 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1132:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1132 { flex-direction: column; } }
.component-1133 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1133:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1133 { flex-direction: column; } }
.component-1134 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1134:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1134 { flex-direction: column; } }
.component-1135 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1135:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1135 { flex-direction: column; } }
.component-1136 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1136:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1136 { flex-direction: column; } }
.component-1137 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1137:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1137 { flex-direction: column; } }
.component-1138 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1138:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1138 { flex-direction: column; } }
.component-1139 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1139:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1139 { flex-direction: column; } }
.component-1140 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1140:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1140 { flex-direction: column; } }
.component-1141 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1141:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1141 { flex-direction: column; } }
.component-1142 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1142:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1142 { flex-direction: column; } }
.component-1143 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1143:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1143 { flex-direction: column; } }
.component-1144 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1144:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1144 { flex-direction: column; } }
.component-1145 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1145:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1145 { flex-direction: column; } }
.component-1146 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1146:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1146 { flex-direction: column; } }
.component-1147 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1147:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1147 { flex-direction: column; } }
.component-1148 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1148:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1148 { flex-direction: column; } }
.component-1149 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1149:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1149 { flex-direction: column; } }
.component-1150 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1150:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1150 { flex-direction: column; } }
.component-1151 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1151:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1151 { flex-direction: column; } }
.component-1152 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1152:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1152 { flex-direction: column; } }
.component-1153 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1153:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1153 { flex-direction: column; } }
.component-1154 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1154:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1154 { flex-direction: column; } }
.component-1155 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1155:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1155 { flex-direction: column; } }
.component-1156 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1156:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1156 { flex-direction: column; } }
.component-1157 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1157:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1157 { flex-direction: column; } }
.component-1158 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1158:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1158 { flex-direction: column; } }
.component-1159 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1159:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1159 { flex-direction: column; } }
.component-1160 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1160:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1160 { flex-direction: column; } }
.component-1161 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1161:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1161 { flex-direction: column; } }
.component-1162 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1162:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1162 { flex-direction: column; } }
.component-1163 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1163:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1163 { flex-direction: column; } }
.component-1164 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1164:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1164 { flex-direction: column; } }
.component-1165 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1165:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1165 { flex-direction: column; } }
.component-1166 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1166:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1166 { flex-direction: column; } }
.component-1167 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1167:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1167 { flex-direction: column; } }
.component-1168 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1168:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1168 { flex-direction: column; } }
.component-1169 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1169:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1169 { flex-direction: column; } }
.component-1170 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1170:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1170 { flex-direction: column; } }
.component-1171 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1171:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1171 { flex-direction: column; } }
.component-1172 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1172:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1172 { flex-direction: column; } }
.component-1173 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1173:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1173 { flex-direction: column; } }
.component-1174 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1174:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1174 { flex-direction: column; } }
.component-1175 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1175:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1175 { flex-direction: column; } }
.component-1176 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1176:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1176 { flex-direction: column; } }
.component-1177 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1177:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1177 { flex-direction: column; } }
.component-1178 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1178:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1178 { flex-direction: column; } }
.component-1179 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1179:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1179 { flex-direction: column; } }
.component-1180 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1180:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1180 { flex-direction: column; } }
.component-1181 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1181:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1181 { flex-direction: column; } }
.component-1182 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1182:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1182 { flex-direction: column; } }
.component-1183 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1183:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1183 { flex-direction: column; } }
.component-1184 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1184:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1184 { flex-direction: column; } }
.component-1185 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1185:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1185 { flex-direction: column; } }
.component-1186 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1186:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1186 { flex-direction: column; } }
.component-1187 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1187:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1187 { flex-direction: column; } }
.component-1188 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1188:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1188 { flex-direction: column; } }
.component-1189 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1189:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1189 { flex-direction: column; } }
.component-1190 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1190:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1190 { flex-direction: column; } }
.component-1191 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1191:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1191 { flex-direction: column; } }
.component-1192 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1192:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1192 { flex-direction: column; } }
.component-1193 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1193:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1193 { flex-direction: column; } }
.component-1194 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1194:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1194 { flex-direction: column; } }
.component-1195 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1195:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1195 { flex-direction: column; } }
.component-1196 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1196:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1196 { flex-direction: column; } }
.component-1197 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1197:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1197 { flex-direction: column; } }
.component-1198 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1198:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1198 { flex-direction: column; } }
.component-1199 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1199:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1199 { flex-direction: column; } }
.component-1200 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1200:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1200 { flex-direction: column; } }
.component-1201 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1201:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1201 { flex-direction: column; } }
.component-1202 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1202:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1202 { flex-direction: column; } }
.component-1203 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1203:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1203 { flex-direction: column; } }
.component-1204 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1204:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1204 { flex-direction: column; } }
.component-1205 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1205:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1205 { flex-direction: column; } }
.component-1206 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1206:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1206 { flex-direction: column; } }
.component-1207 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1207:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1207 { flex-direction: column; } }
.component-1208 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1208:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1208 { flex-direction: column; } }
.component-1209 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1209:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1209 { flex-direction: column; } }
.component-1210 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1210:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1210 { flex-direction: column; } }
.component-1211 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1211:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1211 { flex-direction: column; } }
.component-1212 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1212:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1212 { flex-direction: column; } }
.component-1213 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1213:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1213 { flex-direction: column; } }
.component-1214 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1214:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1214 { flex-direction: column; } }
.component-1215 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1215:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1215 { flex-direction: column; } }
.component-1216 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1216:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1216 { flex-direction: column; } }
.component-1217 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1217:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1217 { flex-direction: column; } }
.component-1218 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1218:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1218 { flex-direction: column; } }
.component-1219 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1219:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1219 { flex-direction: column; } }
.component-1220 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1220:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1220 { flex-direction: column; } }
.component-1221 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1221:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1221 { flex-direction: column; } }
.component-1222 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1222:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1222 { flex-direction: column; } }
.component-1223 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1223:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1223 { flex-direction: column; } }
.component-1224 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1224:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1224 { flex-direction: column; } }
.component-1225 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1225:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1225 { flex-direction: column; } }
.component-1226 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1226:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1226 { flex-direction: column; } }
.component-1227 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1227:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1227 { flex-direction: column; } }
.component-1228 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1228:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1228 { flex-direction: column; } }
.component-1229 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1229:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1229 { flex-direction: column; } }
.component-1230 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1230:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1230 { flex-direction: column; } }
.component-1231 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1231:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1231 { flex-direction: column; } }
.component-1232 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1232:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1232 { flex-direction: column; } }
.component-1233 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1233:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1233 { flex-direction: column; } }
.component-1234 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1234:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1234 { flex-direction: column; } }
.component-1235 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1235:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1235 { flex-direction: column; } }
.component-1236 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1236:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1236 { flex-direction: column; } }
.component-1237 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1237:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1237 { flex-direction: column; } }
.component-1238 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1238:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1238 { flex-direction: column; } }
.component-1239 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1239:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1239 { flex-direction: column; } }
.component-1240 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1240:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1240 { flex-direction: column; } }
.component-1241 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1241:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1241 { flex-direction: column; } }
.component-1242 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1242:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1242 { flex-direction: column; } }
.component-1243 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1243:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1243 { flex-direction: column; } }
.component-1244 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1244:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1244 { flex-direction: column; } }
.component-1245 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1245:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1245 { flex-direction: column; } }
.component-1246 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1246:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1246 { flex-direction: column; } }
.component-1247 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1247:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1247 { flex-direction: column; } }
.component-1248 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1248:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1248 { flex-direction: column; } }
.component-1249 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1249:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1249 { flex-direction: column; } }
.component-1250 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1250:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1250 { flex-direction: column; } }
.component-1251 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1251:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1251 { flex-direction: column; } }
.component-1252 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1252:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1252 { flex-direction: column; } }
.component-1253 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1253:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1253 { flex-direction: column; } }
.component-1254 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1254:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1254 { flex-direction: column; } }
.component-1255 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1255:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1255 { flex-direction: column; } }
.component-1256 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1256:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1256 { flex-direction: column; } }
.component-1257 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1257:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1257 { flex-direction: column; } }
.component-1258 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1258:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1258 { flex-direction: column; } }
.component-1259 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1259:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1259 { flex-direction: column; } }
.component-1260 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1260:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1260 { flex-direction: column; } }
.component-1261 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1261:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1261 { flex-direction: column; } }
.component-1262 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1262:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1262 { flex-direction: column; } }
.component-1263 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1263:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1263 { flex-direction: column; } }
.component-1264 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1264:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1264 { flex-direction: column; } }
.component-1265 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1265:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1265 { flex-direction: column; } }
.component-1266 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1266:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1266 { flex-direction: column; } }
.component-1267 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1267:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1267 { flex-direction: column; } }
.component-1268 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1268:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1268 { flex-direction: column; } }
.component-1269 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1269:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1269 { flex-direction: column; } }
.component-1270 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1270:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1270 { flex-direction: column; } }
.component-1271 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1271:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1271 { flex-direction: column; } }
.component-1272 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1272:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1272 { flex-direction: column; } }
.component-1273 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1273:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1273 { flex-direction: column; } }
.component-1274 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1274:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1274 { flex-direction: column; } }
.component-1275 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1275:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1275 { flex-direction: column; } }
.component-1276 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1276:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1276 { flex-direction: column; } }
.component-1277 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1277:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1277 { flex-direction: column; } }
.component-1278 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1278:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1278 { flex-direction: column; } }
.component-1279 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1279:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1279 { flex-direction: column; } }
.component-1280 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1280:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1280 { flex-direction: column; } }
.component-1281 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1281:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1281 { flex-direction: column; } }
.component-1282 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1282:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1282 { flex-direction: column; } }
.component-1283 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1283:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1283 { flex-direction: column; } }
.component-1284 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1284:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1284 { flex-direction: column; } }
.component-1285 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1285:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1285 { flex-direction: column; } }
.component-1286 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1286:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1286 { flex-direction: column; } }
.component-1287 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1287:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1287 { flex-direction: column; } }
.component-1288 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1288:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1288 { flex-direction: column; } }
.component-1289 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1289:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1289 { flex-direction: column; } }
.component-1290 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1290:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1290 { flex-direction: column; } }
.component-1291 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1291:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1291 { flex-direction: column; } }
.component-1292 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1292:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1292 { flex-direction: column; } }
.component-1293 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1293:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1293 { flex-direction: column; } }
.component-1294 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1294:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1294 { flex-direction: column; } }
.component-1295 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1295:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1295 { flex-direction: column; } }
.component-1296 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1296:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1296 { flex-direction: column; } }
.component-1297 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1297:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1297 { flex-direction: column; } }
.component-1298 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1298:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1298 { flex-direction: column; } }
.component-1299 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1299:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1299 { flex-direction: column; } }
.component-1300 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1300:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1300 { flex-direction: column; } }
.component-1301 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1301:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1301 { flex-direction: column; } }
.component-1302 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1302:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1302 { flex-direction: column; } }
.component-1303 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1303:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1303 { flex-direction: column; } }
.component-1304 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1304:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1304 { flex-direction: column; } }
.component-1305 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1305:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1305 { flex-direction: column; } }
.component-1306 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1306:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1306 { flex-direction: column; } }
.component-1307 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1307:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1307 { flex-direction: column; } }
.component-1308 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1308:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1308 { flex-direction: column; } }
.component-1309 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1309:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1309 { flex-direction: column; } }
.component-1310 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1310:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1310 { flex-direction: column; } }
.component-1311 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1311:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1311 { flex-direction: column; } }
.component-1312 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1312:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1312 { flex-direction: column; } }
.component-1313 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1313:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1313 { flex-direction: column; } }
.component-1314 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1314:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1314 { flex-direction: column; } }
.component-1315 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1315:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1315 { flex-direction: column; } }
.component-1316 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1316:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1316 { flex-direction: column; } }
.component-1317 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1317:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1317 { flex-direction: column; } }
.component-1318 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1318:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1318 { flex-direction: column; } }
.component-1319 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1319:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1319 { flex-direction: column; } }
.component-1320 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1320:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1320 { flex-direction: column; } }
.component-1321 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1321:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1321 { flex-direction: column; } }
.component-1322 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1322:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1322 { flex-direction: column; } }
.component-1323 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1323:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1323 { flex-direction: column; } }
.component-1324 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1324:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1324 { flex-direction: column; } }
.component-1325 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1325:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1325 { flex-direction: column; } }
.component-1326 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1326:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1326 { flex-direction: column; } }
.component-1327 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1327:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1327 { flex-direction: column; } }
.component-1328 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1328:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1328 { flex-direction: column; } }
.component-1329 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1329:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1329 { flex-direction: column; } }
.component-1330 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1330:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1330 { flex-direction: column; } }
.component-1331 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1331:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1331 { flex-direction: column; } }
.component-1332 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1332:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1332 { flex-direction: column; } }
.component-1333 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1333:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1333 { flex-direction: column; } }
.component-1334 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1334:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1334 { flex-direction: column; } }
.component-1335 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1335:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1335 { flex-direction: column; } }
.component-1336 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1336:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1336 { flex-direction: column; } }
.component-1337 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1337:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1337 { flex-direction: column; } }
.component-1338 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1338:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1338 { flex-direction: column; } }
.component-1339 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1339:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1339 { flex-direction: column; } }
.component-1340 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1340:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1340 { flex-direction: column; } }
.component-1341 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1341:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1341 { flex-direction: column; } }
.component-1342 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1342:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1342 { flex-direction: column; } }
.component-1343 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1343:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1343 { flex-direction: column; } }
.component-1344 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1344:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1344 { flex-direction: column; } }
.component-1345 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1345:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1345 { flex-direction: column; } }
.component-1346 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1346:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1346 { flex-direction: column; } }
.component-1347 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1347:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1347 { flex-direction: column; } }
.component-1348 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1348:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1348 { flex-direction: column; } }
.component-1349 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1349:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1349 { flex-direction: column; } }
.component-1350 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1350:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1350 { flex-direction: column; } }
.component-1351 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1351:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1351 { flex-direction: column; } }
.component-1352 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1352:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1352 { flex-direction: column; } }
.component-1353 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1353:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1353 { flex-direction: column; } }
.component-1354 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1354:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1354 { flex-direction: column; } }
.component-1355 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1355:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1355 { flex-direction: column; } }
.component-1356 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1356:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1356 { flex-direction: column; } }
.component-1357 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1357:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1357 { flex-direction: column; } }
.component-1358 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1358:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1358 { flex-direction: column; } }
.component-1359 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1359:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1359 { flex-direction: column; } }
.component-1360 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1360:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1360 { flex-direction: column; } }
.component-1361 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1361:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1361 { flex-direction: column; } }
.component-1362 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1362:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1362 { flex-direction: column; } }
.component-1363 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1363:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1363 { flex-direction: column; } }
.component-1364 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1364:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1364 { flex-direction: column; } }
.component-1365 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1365:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1365 { flex-direction: column; } }
.component-1366 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1366:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1366 { flex-direction: column; } }
.component-1367 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1367:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1367 { flex-direction: column; } }
.component-1368 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1368:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1368 { flex-direction: column; } }
.component-1369 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1369:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1369 { flex-direction: column; } }
.component-1370 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1370:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1370 { flex-direction: column; } }
.component-1371 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1371:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1371 { flex-direction: column; } }
.component-1372 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1372:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1372 { flex-direction: column; } }
.component-1373 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1373:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1373 { flex-direction: column; } }
.component-1374 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1374:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1374 { flex-direction: column; } }
.component-1375 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1375:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1375 { flex-direction: column; } }
.component-1376 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1376:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1376 { flex-direction: column; } }
.component-1377 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1377:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1377 { flex-direction: column; } }
.component-1378 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1378:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1378 { flex-direction: column; } }
.component-1379 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1379:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1379 { flex-direction: column; } }
.component-1380 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1380:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1380 { flex-direction: column; } }
.component-1381 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1381:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1381 { flex-direction: column; } }
.component-1382 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1382:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1382 { flex-direction: column; } }
.component-1383 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1383:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1383 { flex-direction: column; } }
.component-1384 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1384:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1384 { flex-direction: column; } }
.component-1385 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1385:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1385 { flex-direction: column; } }
.component-1386 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1386:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1386 { flex-direction: column; } }
.component-1387 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1387:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1387 { flex-direction: column; } }
.component-1388 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1388:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1388 { flex-direction: column; } }
.component-1389 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1389:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1389 { flex-direction: column; } }
.component-1390 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1390:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1390 { flex-direction: column; } }
.component-1391 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1391:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1391 { flex-direction: column; } }
.component-1392 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1392:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1392 { flex-direction: column; } }
.component-1393 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1393:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1393 { flex-direction: column; } }
.component-1394 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1394:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1394 { flex-direction: column; } }
.component-1395 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1395:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1395 { flex-direction: column; } }
.component-1396 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1396:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1396 { flex-direction: column; } }
.component-1397 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1397:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1397 { flex-direction: column; } }
.component-1398 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1398:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1398 { flex-direction: column; } }
.component-1399 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1399:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1399 { flex-direction: column; } }
.component-1400 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1400:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1400 { flex-direction: column; } }
.component-1401 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1401:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1401 { flex-direction: column; } }
.component-1402 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1402:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1402 { flex-direction: column; } }
.component-1403 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1403:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1403 { flex-direction: column; } }
.component-1404 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1404:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1404 { flex-direction: column; } }
.component-1405 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1405:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1405 { flex-direction: column; } }
.component-1406 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1406:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1406 { flex-direction: column; } }
.component-1407 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1407:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1407 { flex-direction: column; } }
.component-1408 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1408:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1408 { flex-direction: column; } }
.component-1409 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1409:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1409 { flex-direction: column; } }
.component-1410 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1410:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1410 { flex-direction: column; } }
.component-1411 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1411:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1411 { flex-direction: column; } }
.component-1412 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1412:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1412 { flex-direction: column; } }
.component-1413 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1413:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1413 { flex-direction: column; } }
.component-1414 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1414:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1414 { flex-direction: column; } }
.component-1415 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1415:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1415 { flex-direction: column; } }
.component-1416 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1416:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1416 { flex-direction: column; } }
.component-1417 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1417:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1417 { flex-direction: column; } }
.component-1418 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1418:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1418 { flex-direction: column; } }
.component-1419 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1419:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1419 { flex-direction: column; } }
.component-1420 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1420:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1420 { flex-direction: column; } }
.component-1421 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1421:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1421 { flex-direction: column; } }
.component-1422 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1422:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1422 { flex-direction: column; } }
.component-1423 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1423:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1423 { flex-direction: column; } }
.component-1424 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1424:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1424 { flex-direction: column; } }
.component-1425 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1425:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1425 { flex-direction: column; } }
.component-1426 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1426:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1426 { flex-direction: column; } }
.component-1427 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1427:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1427 { flex-direction: column; } }
.component-1428 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1428:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1428 { flex-direction: column; } }
.component-1429 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1429:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1429 { flex-direction: column; } }
.component-1430 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1430:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1430 { flex-direction: column; } }
.component-1431 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1431:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1431 { flex-direction: column; } }
.component-1432 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1432:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1432 { flex-direction: column; } }
.component-1433 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1433:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1433 { flex-direction: column; } }
.component-1434 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1434:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1434 { flex-direction: column; } }
.component-1435 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1435:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1435 { flex-direction: column; } }
.component-1436 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1436:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1436 { flex-direction: column; } }
.component-1437 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1437:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1437 { flex-direction: column; } }
.component-1438 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1438:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1438 { flex-direction: column; } }
.component-1439 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1439:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1439 { flex-direction: column; } }
.component-1440 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1440:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1440 { flex-direction: column; } }
.component-1441 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1441:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1441 { flex-direction: column; } }
.component-1442 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1442:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1442 { flex-direction: column; } }
.component-1443 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1443:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1443 { flex-direction: column; } }
.component-1444 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1444:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1444 { flex-direction: column; } }
.component-1445 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1445:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1445 { flex-direction: column; } }
.component-1446 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1446:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1446 { flex-direction: column; } }
.component-1447 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1447:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1447 { flex-direction: column; } }
.component-1448 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1448:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1448 { flex-direction: column; } }
.component-1449 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1449:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1449 { flex-direction: column; } }
.component-1450 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1450:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1450 { flex-direction: column; } }
.component-1451 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1451:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1451 { flex-direction: column; } }
.component-1452 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1452:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1452 { flex-direction: column; } }
.component-1453 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1453:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1453 { flex-direction: column; } }
.component-1454 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1454:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1454 { flex-direction: column; } }
.component-1455 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1455:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1455 { flex-direction: column; } }
.component-1456 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1456:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1456 { flex-direction: column; } }
.component-1457 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1457:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1457 { flex-direction: column; } }
.component-1458 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1458:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1458 { flex-direction: column; } }
.component-1459 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1459:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1459 { flex-direction: column; } }
.component-1460 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1460:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1460 { flex-direction: column; } }
.component-1461 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1461:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1461 { flex-direction: column; } }
.component-1462 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1462:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1462 { flex-direction: column; } }
.component-1463 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1463:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1463 { flex-direction: column; } }
.component-1464 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1464:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1464 { flex-direction: column; } }
.component-1465 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1465:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1465 { flex-direction: column; } }
.component-1466 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1466:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1466 { flex-direction: column; } }
.component-1467 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1467:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1467 { flex-direction: column; } }
.component-1468 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1468:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1468 { flex-direction: column; } }
.component-1469 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1469:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1469 { flex-direction: column; } }
.component-1470 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1470:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1470 { flex-direction: column; } }
.component-1471 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1471:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1471 { flex-direction: column; } }
.component-1472 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1472:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1472 { flex-direction: column; } }
.component-1473 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1473:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1473 { flex-direction: column; } }
.component-1474 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1474:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1474 { flex-direction: column; } }
.component-1475 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1475:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1475 { flex-direction: column; } }
.component-1476 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1476:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1476 { flex-direction: column; } }
.component-1477 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1477:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1477 { flex-direction: column; } }
.component-1478 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1478:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1478 { flex-direction: column; } }
.component-1479 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1479:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1479 { flex-direction: column; } }
.component-1480 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1480:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1480 { flex-direction: column; } }
.component-1481 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1481:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1481 { flex-direction: column; } }
.component-1482 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1482:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1482 { flex-direction: column; } }
.component-1483 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1483:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1483 { flex-direction: column; } }
.component-1484 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1484:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1484 { flex-direction: column; } }
.component-1485 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1485:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1485 { flex-direction: column; } }
.component-1486 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1486:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1486 { flex-direction: column; } }
.component-1487 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1487:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1487 { flex-direction: column; } }
.component-1488 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1488:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1488 { flex-direction: column; } }
.component-1489 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1489:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1489 { flex-direction: column; } }
.component-1490 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1490:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1490 { flex-direction: column; } }
.component-1491 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1491:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1491 { flex-direction: column; } }
.component-1492 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1492:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1492 { flex-direction: column; } }
.component-1493 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1493:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1493 { flex-direction: column; } }
.component-1494 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1494:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1494 { flex-direction: column; } }
.component-1495 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1495:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1495 { flex-direction: column; } }
.component-1496 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1496:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1496 { flex-direction: column; } }
.component-1497 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1497:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1497 { flex-direction: column; } }
.component-1498 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1498:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1498 { flex-direction: column; } }
.component-1499 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1499:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1499 { flex-direction: column; } }
.component-1500 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1500:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1500 { flex-direction: column; } }
.component-1501 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1501:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1501 { flex-direction: column; } }
.component-1502 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1502:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1502 { flex-direction: column; } }
.component-1503 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1503:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1503 { flex-direction: column; } }
.component-1504 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1504:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1504 { flex-direction: column; } }
.component-1505 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1505:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1505 { flex-direction: column; } }
.component-1506 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1506:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1506 { flex-direction: column; } }
.component-1507 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1507:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1507 { flex-direction: column; } }
.component-1508 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1508:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1508 { flex-direction: column; } }
.component-1509 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1509:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1509 { flex-direction: column; } }
.component-1510 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1510:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1510 { flex-direction: column; } }
.component-1511 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1511:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1511 { flex-direction: column; } }
.component-1512 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1512:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1512 { flex-direction: column; } }
.component-1513 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1513:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1513 { flex-direction: column; } }
.component-1514 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1514:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1514 { flex-direction: column; } }
.component-1515 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1515:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1515 { flex-direction: column; } }
.component-1516 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1516:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1516 { flex-direction: column; } }
.component-1517 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1517:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1517 { flex-direction: column; } }
.component-1518 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1518:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1518 { flex-direction: column; } }
.component-1519 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1519:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1519 { flex-direction: column; } }
.component-1520 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1520:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1520 { flex-direction: column; } }
.component-1521 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1521:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1521 { flex-direction: column; } }
.component-1522 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1522:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1522 { flex-direction: column; } }
.component-1523 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1523:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1523 { flex-direction: column; } }
.component-1524 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1524:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1524 { flex-direction: column; } }
.component-1525 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1525:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1525 { flex-direction: column; } }
.component-1526 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1526:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1526 { flex-direction: column; } }
.component-1527 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1527:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1527 { flex-direction: column; } }
.component-1528 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1528:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1528 { flex-direction: column; } }
.component-1529 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1529:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1529 { flex-direction: column; } }
.component-1530 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1530:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1530 { flex-direction: column; } }
.component-1531 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1531:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1531 { flex-direction: column; } }
.component-1532 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1532:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1532 { flex-direction: column; } }
.component-1533 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1533:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1533 { flex-direction: column; } }
.component-1534 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1534:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1534 { flex-direction: column; } }
.component-1535 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1535:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1535 { flex-direction: column; } }
.component-1536 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1536:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1536 { flex-direction: column; } }
.component-1537 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1537:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1537 { flex-direction: column; } }
.component-1538 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1538:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1538 { flex-direction: column; } }
.component-1539 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1539:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1539 { flex-direction: column; } }
.component-1540 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1540:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1540 { flex-direction: column; } }
.component-1541 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1541:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1541 { flex-direction: column; } }
.component-1542 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1542:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1542 { flex-direction: column; } }
.component-1543 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1543:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1543 { flex-direction: column; } }
.component-1544 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1544:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1544 { flex-direction: column; } }
.component-1545 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1545:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1545 { flex-direction: column; } }
.component-1546 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1546:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1546 { flex-direction: column; } }
.component-1547 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1547:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1547 { flex-direction: column; } }
.component-1548 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1548:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1548 { flex-direction: column; } }
.component-1549 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1549:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1549 { flex-direction: column; } }
.component-1550 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1550:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1550 { flex-direction: column; } }
.component-1551 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1551:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1551 { flex-direction: column; } }
.component-1552 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1552:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1552 { flex-direction: column; } }
.component-1553 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1553:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1553 { flex-direction: column; } }
.component-1554 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1554:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1554 { flex-direction: column; } }
.component-1555 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1555:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1555 { flex-direction: column; } }
.component-1556 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1556:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1556 { flex-direction: column; } }
.component-1557 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1557:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1557 { flex-direction: column; } }
.component-1558 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1558:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1558 { flex-direction: column; } }
.component-1559 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1559:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1559 { flex-direction: column; } }
.component-1560 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1560:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1560 { flex-direction: column; } }
.component-1561 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1561:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1561 { flex-direction: column; } }
.component-1562 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1562:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1562 { flex-direction: column; } }
.component-1563 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1563:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1563 { flex-direction: column; } }
.component-1564 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1564:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1564 { flex-direction: column; } }
.component-1565 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1565:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1565 { flex-direction: column; } }
.component-1566 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1566:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1566 { flex-direction: column; } }
.component-1567 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1567:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1567 { flex-direction: column; } }
.component-1568 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1568:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1568 { flex-direction: column; } }
.component-1569 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1569:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1569 { flex-direction: column; } }
.component-1570 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1570:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1570 { flex-direction: column; } }
.component-1571 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1571:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1571 { flex-direction: column; } }
.component-1572 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1572:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1572 { flex-direction: column; } }
.component-1573 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1573:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1573 { flex-direction: column; } }
.component-1574 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1574:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1574 { flex-direction: column; } }
.component-1575 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1575:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1575 { flex-direction: column; } }
.component-1576 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1576:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1576 { flex-direction: column; } }
.component-1577 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1577:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1577 { flex-direction: column; } }
.component-1578 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1578:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1578 { flex-direction: column; } }
.component-1579 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1579:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1579 { flex-direction: column; } }
.component-1580 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1580:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1580 { flex-direction: column; } }
.component-1581 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1581:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1581 { flex-direction: column; } }
.component-1582 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1582:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1582 { flex-direction: column; } }
.component-1583 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1583:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1583 { flex-direction: column; } }
.component-1584 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1584:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1584 { flex-direction: column; } }
.component-1585 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1585:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1585 { flex-direction: column; } }
.component-1586 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1586:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1586 { flex-direction: column; } }
.component-1587 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1587:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1587 { flex-direction: column; } }
.component-1588 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1588:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1588 { flex-direction: column; } }
.component-1589 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1589:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1589 { flex-direction: column; } }
.component-1590 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1590:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1590 { flex-direction: column; } }
.component-1591 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1591:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1591 { flex-direction: column; } }
.component-1592 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1592:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1592 { flex-direction: column; } }
.component-1593 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1593:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1593 { flex-direction: column; } }
.component-1594 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1594:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1594 { flex-direction: column; } }
.component-1595 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1595:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1595 { flex-direction: column; } }
.component-1596 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1596:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1596 { flex-direction: column; } }
.component-1597 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1597:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1597 { flex-direction: column; } }
.component-1598 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1598:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1598 { flex-direction: column; } }
.component-1599 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1599:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1599 { flex-direction: column; } }
.component-1600 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1600:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1600 { flex-direction: column; } }
.component-1601 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1601:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1601 { flex-direction: column; } }
.component-1602 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1602:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1602 { flex-direction: column; } }
.component-1603 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1603:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1603 { flex-direction: column; } }
.component-1604 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1604:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1604 { flex-direction: column; } }
.component-1605 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1605:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1605 { flex-direction: column; } }
.component-1606 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1606:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1606 { flex-direction: column; } }
.component-1607 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1607:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1607 { flex-direction: column; } }
.component-1608 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1608:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1608 { flex-direction: column; } }
.component-1609 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1609:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1609 { flex-direction: column; } }
.component-1610 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1610:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1610 { flex-direction: column; } }
.component-1611 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1611:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1611 { flex-direction: column; } }
.component-1612 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1612:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1612 { flex-direction: column; } }
.component-1613 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1613:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1613 { flex-direction: column; } }
.component-1614 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1614:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1614 { flex-direction: column; } }
.component-1615 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1615:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1615 { flex-direction: column; } }
.component-1616 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1616:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1616 { flex-direction: column; } }
.component-1617 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1617:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1617 { flex-direction: column; } }
.component-1618 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1618:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1618 { flex-direction: column; } }
.component-1619 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1619:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1619 { flex-direction: column; } }
.component-1620 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1620:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1620 { flex-direction: column; } }
.component-1621 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1621:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1621 { flex-direction: column; } }
.component-1622 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1622:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1622 { flex-direction: column; } }
.component-1623 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1623:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1623 { flex-direction: column; } }
.component-1624 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1624:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1624 { flex-direction: column; } }
.component-1625 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1625:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1625 { flex-direction: column; } }
.component-1626 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1626:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1626 { flex-direction: column; } }
.component-1627 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1627:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1627 { flex-direction: column; } }
.component-1628 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1628:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1628 { flex-direction: column; } }
.component-1629 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1629:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1629 { flex-direction: column; } }
.component-1630 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1630:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1630 { flex-direction: column; } }
.component-1631 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1631:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1631 { flex-direction: column; } }
.component-1632 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1632:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1632 { flex-direction: column; } }
.component-1633 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1633:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1633 { flex-direction: column; } }
.component-1634 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1634:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1634 { flex-direction: column; } }
.component-1635 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1635:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1635 { flex-direction: column; } }
.component-1636 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1636:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1636 { flex-direction: column; } }
.component-1637 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1637:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1637 { flex-direction: column; } }
.component-1638 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1638:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1638 { flex-direction: column; } }
.component-1639 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1639:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1639 { flex-direction: column; } }
.component-1640 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1640:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1640 { flex-direction: column; } }
.component-1641 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1641:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1641 { flex-direction: column; } }
.component-1642 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1642:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1642 { flex-direction: column; } }
.component-1643 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1643:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1643 { flex-direction: column; } }
.component-1644 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1644:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1644 { flex-direction: column; } }
.component-1645 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1645:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1645 { flex-direction: column; } }
.component-1646 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1646:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1646 { flex-direction: column; } }
.component-1647 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1647:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1647 { flex-direction: column; } }
.component-1648 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1648:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1648 { flex-direction: column; } }
.component-1649 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1649:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1649 { flex-direction: column; } }
.component-1650 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1650:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1650 { flex-direction: column; } }
.component-1651 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1651:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1651 { flex-direction: column; } }
.component-1652 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1652:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1652 { flex-direction: column; } }
.component-1653 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1653:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1653 { flex-direction: column; } }
.component-1654 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1654:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1654 { flex-direction: column; } }
.component-1655 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1655:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1655 { flex-direction: column; } }
.component-1656 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1656:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1656 { flex-direction: column; } }
.component-1657 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1657:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1657 { flex-direction: column; } }
.component-1658 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1658:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1658 { flex-direction: column; } }
.component-1659 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1659:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1659 { flex-direction: column; } }
.component-1660 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1660:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1660 { flex-direction: column; } }
.component-1661 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1661:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1661 { flex-direction: column; } }
.component-1662 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1662:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1662 { flex-direction: column; } }
.component-1663 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1663:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1663 { flex-direction: column; } }
.component-1664 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1664:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1664 { flex-direction: column; } }
.component-1665 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1665:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1665 { flex-direction: column; } }
.component-1666 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1666:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1666 { flex-direction: column; } }
.component-1667 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1667:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1667 { flex-direction: column; } }
.component-1668 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1668:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1668 { flex-direction: column; } }
.component-1669 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1669:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1669 { flex-direction: column; } }
.component-1670 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1670:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1670 { flex-direction: column; } }
.component-1671 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1671:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1671 { flex-direction: column; } }
.component-1672 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1672:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1672 { flex-direction: column; } }
.component-1673 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1673:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1673 { flex-direction: column; } }
.component-1674 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1674:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1674 { flex-direction: column; } }
.component-1675 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1675:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1675 { flex-direction: column; } }
.component-1676 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1676:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1676 { flex-direction: column; } }
.component-1677 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1677:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1677 { flex-direction: column; } }
.component-1678 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1678:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1678 { flex-direction: column; } }
.component-1679 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1679:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1679 { flex-direction: column; } }
.component-1680 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1680:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1680 { flex-direction: column; } }
.component-1681 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1681:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1681 { flex-direction: column; } }
.component-1682 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1682:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1682 { flex-direction: column; } }
.component-1683 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1683:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1683 { flex-direction: column; } }
.component-1684 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1684:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1684 { flex-direction: column; } }
.component-1685 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1685:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1685 { flex-direction: column; } }
.component-1686 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1686:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1686 { flex-direction: column; } }
.component-1687 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1687:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1687 { flex-direction: column; } }
.component-1688 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1688:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1688 { flex-direction: column; } }
.component-1689 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1689:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1689 { flex-direction: column; } }
.component-1690 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1690:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1690 { flex-direction: column; } }
.component-1691 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1691:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1691 { flex-direction: column; } }
.component-1692 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1692:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1692 { flex-direction: column; } }
.component-1693 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1693:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1693 { flex-direction: column; } }
.component-1694 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1694:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1694 { flex-direction: column; } }
.component-1695 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1695:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1695 { flex-direction: column; } }
.component-1696 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1696:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1696 { flex-direction: column; } }
.component-1697 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1697:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1697 { flex-direction: column; } }
.component-1698 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1698:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1698 { flex-direction: column; } }
.component-1699 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1699:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1699 { flex-direction: column; } }
.component-1700 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1700:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1700 { flex-direction: column; } }
.component-1701 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1701:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1701 { flex-direction: column; } }
.component-1702 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1702:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1702 { flex-direction: column; } }
.component-1703 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1703:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1703 { flex-direction: column; } }
.component-1704 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1704:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1704 { flex-direction: column; } }
.component-1705 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1705:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1705 { flex-direction: column; } }
.component-1706 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1706:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1706 { flex-direction: column; } }
.component-1707 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1707:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1707 { flex-direction: column; } }
.component-1708 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1708:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1708 { flex-direction: column; } }
.component-1709 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1709:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1709 { flex-direction: column; } }
.component-1710 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1710:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1710 { flex-direction: column; } }
.component-1711 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1711:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1711 { flex-direction: column; } }
.component-1712 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1712:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1712 { flex-direction: column; } }
.component-1713 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1713:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1713 { flex-direction: column; } }
.component-1714 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1714:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1714 { flex-direction: column; } }
.component-1715 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1715:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1715 { flex-direction: column; } }
.component-1716 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1716:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1716 { flex-direction: column; } }
.component-1717 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1717:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1717 { flex-direction: column; } }
.component-1718 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1718:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1718 { flex-direction: column; } }
.component-1719 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1719:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1719 { flex-direction: column; } }
.component-1720 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1720:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1720 { flex-direction: column; } }
.component-1721 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1721:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1721 { flex-direction: column; } }
.component-1722 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1722:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1722 { flex-direction: column; } }
.component-1723 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1723:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1723 { flex-direction: column; } }
.component-1724 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1724:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1724 { flex-direction: column; } }
.component-1725 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1725:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1725 { flex-direction: column; } }
.component-1726 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1726:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1726 { flex-direction: column; } }
.component-1727 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1727:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1727 { flex-direction: column; } }
.component-1728 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1728:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1728 { flex-direction: column; } }
.component-1729 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1729:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1729 { flex-direction: column; } }
.component-1730 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1730:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1730 { flex-direction: column; } }
.component-1731 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1731:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1731 { flex-direction: column; } }
.component-1732 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1732:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1732 { flex-direction: column; } }
.component-1733 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1733:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1733 { flex-direction: column; } }
.component-1734 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1734:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1734 { flex-direction: column; } }
.component-1735 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1735:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1735 { flex-direction: column; } }
.component-1736 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1736:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1736 { flex-direction: column; } }
.component-1737 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1737:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1737 { flex-direction: column; } }
.component-1738 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1738:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1738 { flex-direction: column; } }
.component-1739 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1739:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1739 { flex-direction: column; } }
.component-1740 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1740:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1740 { flex-direction: column; } }
.component-1741 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1741:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1741 { flex-direction: column; } }
.component-1742 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1742:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1742 { flex-direction: column; } }
.component-1743 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1743:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1743 { flex-direction: column; } }
.component-1744 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1744:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1744 { flex-direction: column; } }
.component-1745 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1745:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1745 { flex-direction: column; } }
.component-1746 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1746:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1746 { flex-direction: column; } }
.component-1747 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1747:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1747 { flex-direction: column; } }
.component-1748 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1748:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1748 { flex-direction: column; } }
.component-1749 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1749:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1749 { flex-direction: column; } }
.component-1750 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1750:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1750 { flex-direction: column; } }
.component-1751 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1751:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1751 { flex-direction: column; } }
.component-1752 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1752:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1752 { flex-direction: column; } }
.component-1753 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1753:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1753 { flex-direction: column; } }
.component-1754 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1754:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1754 { flex-direction: column; } }
.component-1755 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1755:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1755 { flex-direction: column; } }
.component-1756 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1756:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1756 { flex-direction: column; } }
.component-1757 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1757:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1757 { flex-direction: column; } }
.component-1758 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1758:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1758 { flex-direction: column; } }
.component-1759 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1759:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1759 { flex-direction: column; } }
.component-1760 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1760:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1760 { flex-direction: column; } }
.component-1761 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1761:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1761 { flex-direction: column; } }
.component-1762 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1762:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1762 { flex-direction: column; } }
.component-1763 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1763:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1763 { flex-direction: column; } }
.component-1764 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1764:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1764 { flex-direction: column; } }
.component-1765 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1765:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1765 { flex-direction: column; } }
.component-1766 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1766:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1766 { flex-direction: column; } }
.component-1767 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1767:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1767 { flex-direction: column; } }
.component-1768 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1768:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1768 { flex-direction: column; } }
.component-1769 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1769:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1769 { flex-direction: column; } }
.component-1770 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1770:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1770 { flex-direction: column; } }
.component-1771 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1771:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1771 { flex-direction: column; } }
.component-1772 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1772:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1772 { flex-direction: column; } }
.component-1773 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1773:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1773 { flex-direction: column; } }
.component-1774 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1774:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1774 { flex-direction: column; } }
.component-1775 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1775:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1775 { flex-direction: column; } }
.component-1776 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1776:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1776 { flex-direction: column; } }
.component-1777 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1777:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1777 { flex-direction: column; } }
.component-1778 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1778:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1778 { flex-direction: column; } }
.component-1779 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1779:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1779 { flex-direction: column; } }
.component-1780 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1780:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1780 { flex-direction: column; } }
.component-1781 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1781:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1781 { flex-direction: column; } }
.component-1782 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1782:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1782 { flex-direction: column; } }
.component-1783 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1783:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1783 { flex-direction: column; } }
.component-1784 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1784:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1784 { flex-direction: column; } }
.component-1785 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1785:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1785 { flex-direction: column; } }
.component-1786 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1786:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1786 { flex-direction: column; } }
.component-1787 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1787:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1787 { flex-direction: column; } }
.component-1788 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1788:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1788 { flex-direction: column; } }
.component-1789 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1789:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1789 { flex-direction: column; } }
.component-1790 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1790:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1790 { flex-direction: column; } }
.component-1791 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1791:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1791 { flex-direction: column; } }
.component-1792 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1792:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1792 { flex-direction: column; } }
.component-1793 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1793:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1793 { flex-direction: column; } }
.component-1794 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1794:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1794 { flex-direction: column; } }
.component-1795 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1795:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1795 { flex-direction: column; } }
.component-1796 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1796:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1796 { flex-direction: column; } }
.component-1797 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1797:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1797 { flex-direction: column; } }
.component-1798 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1798:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1798 { flex-direction: column; } }
.component-1799 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1799:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1799 { flex-direction: column; } }
.component-1800 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1800:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1800 { flex-direction: column; } }
.component-1801 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1801:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1801 { flex-direction: column; } }
.component-1802 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1802:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1802 { flex-direction: column; } }
.component-1803 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1803:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1803 { flex-direction: column; } }
.component-1804 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1804:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1804 { flex-direction: column; } }
.component-1805 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1805:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1805 { flex-direction: column; } }
.component-1806 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1806:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1806 { flex-direction: column; } }
.component-1807 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1807:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1807 { flex-direction: column; } }
.component-1808 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1808:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1808 { flex-direction: column; } }
.component-1809 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1809:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1809 { flex-direction: column; } }
.component-1810 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1810:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1810 { flex-direction: column; } }
.component-1811 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1811:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1811 { flex-direction: column; } }
.component-1812 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1812:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1812 { flex-direction: column; } }
.component-1813 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1813:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1813 { flex-direction: column; } }
.component-1814 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1814:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1814 { flex-direction: column; } }
.component-1815 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1815:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1815 { flex-direction: column; } }
.component-1816 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1816:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1816 { flex-direction: column; } }
.component-1817 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1817:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1817 { flex-direction: column; } }
.component-1818 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1818:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1818 { flex-direction: column; } }
.component-1819 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1819:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1819 { flex-direction: column; } }
.component-1820 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1820:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1820 { flex-direction: column; } }
.component-1821 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1821:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1821 { flex-direction: column; } }
.component-1822 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1822:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1822 { flex-direction: column; } }
.component-1823 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1823:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1823 { flex-direction: column; } }
.component-1824 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1824:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1824 { flex-direction: column; } }
.component-1825 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1825:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1825 { flex-direction: column; } }
.component-1826 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1826:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1826 { flex-direction: column; } }
.component-1827 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1827:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1827 { flex-direction: column; } }
.component-1828 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1828:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1828 { flex-direction: column; } }
.component-1829 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1829:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1829 { flex-direction: column; } }
.component-1830 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1830:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1830 { flex-direction: column; } }
.component-1831 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1831:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1831 { flex-direction: column; } }
.component-1832 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1832:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1832 { flex-direction: column; } }
.component-1833 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1833:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1833 { flex-direction: column; } }
.component-1834 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1834:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1834 { flex-direction: column; } }
.component-1835 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1835:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1835 { flex-direction: column; } }
.component-1836 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1836:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1836 { flex-direction: column; } }
.component-1837 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1837:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1837 { flex-direction: column; } }
.component-1838 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1838:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1838 { flex-direction: column; } }
.component-1839 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1839:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1839 { flex-direction: column; } }
.component-1840 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1840:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1840 { flex-direction: column; } }
.component-1841 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1841:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1841 { flex-direction: column; } }
.component-1842 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1842:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1842 { flex-direction: column; } }
.component-1843 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1843:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1843 { flex-direction: column; } }
.component-1844 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1844:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1844 { flex-direction: column; } }
.component-1845 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1845:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1845 { flex-direction: column; } }
.component-1846 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1846:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1846 { flex-direction: column; } }
.component-1847 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1847:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1847 { flex-direction: column; } }
.component-1848 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1848:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1848 { flex-direction: column; } }
.component-1849 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1849:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1849 { flex-direction: column; } }
.component-1850 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1850:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1850 { flex-direction: column; } }
.component-1851 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1851:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1851 { flex-direction: column; } }
.component-1852 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1852:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1852 { flex-direction: column; } }
.component-1853 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1853:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1853 { flex-direction: column; } }
.component-1854 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1854:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1854 { flex-direction: column; } }
.component-1855 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1855:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1855 { flex-direction: column; } }
.component-1856 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1856:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1856 { flex-direction: column; } }
.component-1857 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1857:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1857 { flex-direction: column; } }
.component-1858 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1858:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1858 { flex-direction: column; } }
.component-1859 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1859:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1859 { flex-direction: column; } }
.component-1860 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1860:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1860 { flex-direction: column; } }
.component-1861 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1861:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1861 { flex-direction: column; } }
.component-1862 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1862:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1862 { flex-direction: column; } }
.component-1863 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1863:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1863 { flex-direction: column; } }
.component-1864 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1864:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1864 { flex-direction: column; } }
.component-1865 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1865:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1865 { flex-direction: column; } }
.component-1866 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1866:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1866 { flex-direction: column; } }
.component-1867 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1867:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1867 { flex-direction: column; } }
.component-1868 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1868:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1868 { flex-direction: column; } }
.component-1869 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1869:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1869 { flex-direction: column; } }
.component-1870 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1870:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1870 { flex-direction: column; } }
.component-1871 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1871:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1871 { flex-direction: column; } }
.component-1872 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1872:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1872 { flex-direction: column; } }
.component-1873 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1873:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1873 { flex-direction: column; } }
.component-1874 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1874:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1874 { flex-direction: column; } }
.component-1875 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1875:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1875 { flex-direction: column; } }
.component-1876 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1876:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1876 { flex-direction: column; } }
.component-1877 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1877:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1877 { flex-direction: column; } }
.component-1878 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1878:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1878 { flex-direction: column; } }
.component-1879 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1879:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1879 { flex-direction: column; } }
.component-1880 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1880:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1880 { flex-direction: column; } }
.component-1881 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1881:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1881 { flex-direction: column; } }
.component-1882 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1882:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1882 { flex-direction: column; } }
.component-1883 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1883:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1883 { flex-direction: column; } }
.component-1884 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1884:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1884 { flex-direction: column; } }
.component-1885 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1885:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1885 { flex-direction: column; } }
.component-1886 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1886:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1886 { flex-direction: column; } }
.component-1887 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1887:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1887 { flex-direction: column; } }
.component-1888 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1888:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1888 { flex-direction: column; } }
.component-1889 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1889:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1889 { flex-direction: column; } }
.component-1890 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1890:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1890 { flex-direction: column; } }
.component-1891 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1891:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1891 { flex-direction: column; } }
.component-1892 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1892:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1892 { flex-direction: column; } }
.component-1893 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1893:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1893 { flex-direction: column; } }
.component-1894 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1894:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1894 { flex-direction: column; } }
.component-1895 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1895:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1895 { flex-direction: column; } }
.component-1896 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1896:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1896 { flex-direction: column; } }
.component-1897 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1897:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1897 { flex-direction: column; } }
.component-1898 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1898:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1898 { flex-direction: column; } }
.component-1899 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1899:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1899 { flex-direction: column; } }
.component-1900 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1900:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1900 { flex-direction: column; } }
.component-1901 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1901:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1901 { flex-direction: column; } }
.component-1902 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1902:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1902 { flex-direction: column; } }
.component-1903 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1903:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1903 { flex-direction: column; } }
.component-1904 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1904:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1904 { flex-direction: column; } }
.component-1905 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1905:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1905 { flex-direction: column; } }
.component-1906 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1906:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1906 { flex-direction: column; } }
.component-1907 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1907:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1907 { flex-direction: column; } }
.component-1908 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1908:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1908 { flex-direction: column; } }
.component-1909 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1909:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1909 { flex-direction: column; } }
.component-1910 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1910:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1910 { flex-direction: column; } }
.component-1911 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1911:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1911 { flex-direction: column; } }
.component-1912 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1912:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1912 { flex-direction: column; } }
.component-1913 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1913:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1913 { flex-direction: column; } }
.component-1914 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1914:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1914 { flex-direction: column; } }
.component-1915 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1915:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1915 { flex-direction: column; } }
.component-1916 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1916:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1916 { flex-direction: column; } }
.component-1917 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1917:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1917 { flex-direction: column; } }
.component-1918 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1918:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1918 { flex-direction: column; } }
.component-1919 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1919:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1919 { flex-direction: column; } }
.component-1920 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1920:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1920 { flex-direction: column; } }
.component-1921 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1921:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1921 { flex-direction: column; } }
.component-1922 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1922:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1922 { flex-direction: column; } }
.component-1923 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1923:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1923 { flex-direction: column; } }
.component-1924 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1924:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1924 { flex-direction: column; } }
.component-1925 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1925:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1925 { flex-direction: column; } }
.component-1926 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1926:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1926 { flex-direction: column; } }
.component-1927 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1927:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1927 { flex-direction: column; } }
.component-1928 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1928:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1928 { flex-direction: column; } }
.component-1929 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1929:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1929 { flex-direction: column; } }
.component-1930 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1930:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1930 { flex-direction: column; } }
.component-1931 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1931:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1931 { flex-direction: column; } }
.component-1932 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1932:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1932 { flex-direction: column; } }
.component-1933 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1933:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1933 { flex-direction: column; } }
.component-1934 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1934:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1934 { flex-direction: column; } }
.component-1935 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1935:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1935 { flex-direction: column; } }
.component-1936 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1936:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1936 { flex-direction: column; } }
.component-1937 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1937:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1937 { flex-direction: column; } }
.component-1938 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1938:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1938 { flex-direction: column; } }
.component-1939 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1939:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1939 { flex-direction: column; } }
.component-1940 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1940:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1940 { flex-direction: column; } }
.component-1941 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1941:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1941 { flex-direction: column; } }
.component-1942 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1942:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1942 { flex-direction: column; } }
.component-1943 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1943:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1943 { flex-direction: column; } }
.component-1944 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1944:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1944 { flex-direction: column; } }
.component-1945 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1945:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1945 { flex-direction: column; } }
.component-1946 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1946:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1946 { flex-direction: column; } }
.component-1947 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1947:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1947 { flex-direction: column; } }
.component-1948 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1948:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1948 { flex-direction: column; } }
.component-1949 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1949:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1949 { flex-direction: column; } }
.component-1950 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1950:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1950 { flex-direction: column; } }
.component-1951 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1951:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1951 { flex-direction: column; } }
.component-1952 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1952:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1952 { flex-direction: column; } }
.component-1953 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1953:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1953 { flex-direction: column; } }
.component-1954 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1954:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1954 { flex-direction: column; } }
.component-1955 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1955:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1955 { flex-direction: column; } }
.component-1956 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1956:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1956 { flex-direction: column; } }
.component-1957 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1957:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1957 { flex-direction: column; } }
.component-1958 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1958:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1958 { flex-direction: column; } }
.component-1959 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1959:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1959 { flex-direction: column; } }
.component-1960 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1960:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1960 { flex-direction: column; } }
.component-1961 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1961:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1961 { flex-direction: column; } }
.component-1962 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1962:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1962 { flex-direction: column; } }
.component-1963 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1963:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1963 { flex-direction: column; } }
.component-1964 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1964:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1964 { flex-direction: column; } }
.component-1965 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1965:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1965 { flex-direction: column; } }
.component-1966 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1966:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1966 { flex-direction: column; } }
.component-1967 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1967:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1967 { flex-direction: column; } }
.component-1968 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1968:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1968 { flex-direction: column; } }
.component-1969 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1969:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1969 { flex-direction: column; } }
.component-1970 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1970:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1970 { flex-direction: column; } }
.component-1971 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1971:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1971 { flex-direction: column; } }
.component-1972 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1972:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1972 { flex-direction: column; } }
.component-1973 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1973:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1973 { flex-direction: column; } }
.component-1974 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1974:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1974 { flex-direction: column; } }
.component-1975 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1975:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1975 { flex-direction: column; } }
.component-1976 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1976:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1976 { flex-direction: column; } }
.component-1977 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1977:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1977 { flex-direction: column; } }
.component-1978 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1978:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1978 { flex-direction: column; } }
.component-1979 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1979:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1979 { flex-direction: column; } }
.component-1980 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1980:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1980 { flex-direction: column; } }
.component-1981 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1981:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1981 { flex-direction: column; } }
.component-1982 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1982:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1982 { flex-direction: column; } }
.component-1983 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1983:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1983 { flex-direction: column; } }
.component-1984 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1984:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1984 { flex-direction: column; } }
.component-1985 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1985:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-1985 { flex-direction: column; } }
.component-1986 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1986:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-1986 { flex-direction: column; } }
.component-1987 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1987:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-1987 { flex-direction: column; } }
.component-1988 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1988:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-1988 { flex-direction: column; } }
.component-1989 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1989:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-1989 { flex-direction: column; } }
.component-1990 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-1990:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-1990 { flex-direction: column; } }
.component-1991 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-1991:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-1991 { flex-direction: column; } }
.component-1992 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-1992:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-1992 { flex-direction: column; } }
.component-1993 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-1993:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-1993 { flex-direction: column; } }
.component-1994 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-1994:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-1994 { flex-direction: column; } }
.component-1995 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-1995:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-1995 { flex-direction: column; } }
.component-1996 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-1996:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-1996 { flex-direction: column; } }
.component-1997 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-1997:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-1997 { flex-direction: column; } }
.component-1998 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-1998:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-1998 { flex-direction: column; } }
.component-1999 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-1999:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-1999 { flex-direction: column; } }
.component-2000 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2000:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2000 { flex-direction: column; } }
.component-2001 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2001:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2001 { flex-direction: column; } }
.component-2002 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2002:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2002 { flex-direction: column; } }
.component-2003 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2003:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2003 { flex-direction: column; } }
.component-2004 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2004:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2004 { flex-direction: column; } }
.component-2005 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2005:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2005 { flex-direction: column; } }
.component-2006 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2006:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2006 { flex-direction: column; } }
.component-2007 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2007:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2007 { flex-direction: column; } }
.component-2008 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2008:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2008 { flex-direction: column; } }
.component-2009 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2009:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2009 { flex-direction: column; } }
.component-2010 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2010:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2010 { flex-direction: column; } }
.component-2011 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2011:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2011 { flex-direction: column; } }
.component-2012 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2012:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2012 { flex-direction: column; } }
.component-2013 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2013:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2013 { flex-direction: column; } }
.component-2014 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2014:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2014 { flex-direction: column; } }
.component-2015 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2015:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2015 { flex-direction: column; } }
.component-2016 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2016:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2016 { flex-direction: column; } }
.component-2017 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2017:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2017 { flex-direction: column; } }
.component-2018 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2018:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2018 { flex-direction: column; } }
.component-2019 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2019:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2019 { flex-direction: column; } }
.component-2020 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2020:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2020 { flex-direction: column; } }
.component-2021 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2021:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2021 { flex-direction: column; } }
.component-2022 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2022:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2022 { flex-direction: column; } }
.component-2023 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2023:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2023 { flex-direction: column; } }
.component-2024 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2024:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2024 { flex-direction: column; } }
.component-2025 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2025:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2025 { flex-direction: column; } }
.component-2026 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2026:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2026 { flex-direction: column; } }
.component-2027 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2027:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2027 { flex-direction: column; } }
.component-2028 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2028:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2028 { flex-direction: column; } }
.component-2029 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2029:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2029 { flex-direction: column; } }
.component-2030 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2030:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2030 { flex-direction: column; } }
.component-2031 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2031:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2031 { flex-direction: column; } }
.component-2032 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2032:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2032 { flex-direction: column; } }
.component-2033 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2033:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2033 { flex-direction: column; } }
.component-2034 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2034:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2034 { flex-direction: column; } }
.component-2035 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2035:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2035 { flex-direction: column; } }
.component-2036 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2036:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2036 { flex-direction: column; } }
.component-2037 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2037:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2037 { flex-direction: column; } }
.component-2038 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2038:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2038 { flex-direction: column; } }
.component-2039 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2039:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2039 { flex-direction: column; } }
.component-2040 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2040:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2040 { flex-direction: column; } }
.component-2041 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2041:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2041 { flex-direction: column; } }
.component-2042 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2042:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2042 { flex-direction: column; } }
.component-2043 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2043:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2043 { flex-direction: column; } }
.component-2044 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2044:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2044 { flex-direction: column; } }
.component-2045 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2045:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2045 { flex-direction: column; } }
.component-2046 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2046:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2046 { flex-direction: column; } }
.component-2047 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2047:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2047 { flex-direction: column; } }
.component-2048 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2048:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2048 { flex-direction: column; } }
.component-2049 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2049:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2049 { flex-direction: column; } }
.component-2050 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2050:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2050 { flex-direction: column; } }
.component-2051 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2051:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2051 { flex-direction: column; } }
.component-2052 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2052:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2052 { flex-direction: column; } }
.component-2053 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2053:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2053 { flex-direction: column; } }
.component-2054 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2054:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2054 { flex-direction: column; } }
.component-2055 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2055:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2055 { flex-direction: column; } }
.component-2056 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2056:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2056 { flex-direction: column; } }
.component-2057 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2057:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2057 { flex-direction: column; } }
.component-2058 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2058:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2058 { flex-direction: column; } }
.component-2059 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2059:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2059 { flex-direction: column; } }
.component-2060 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2060:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2060 { flex-direction: column; } }
.component-2061 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2061:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2061 { flex-direction: column; } }
.component-2062 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2062:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2062 { flex-direction: column; } }
.component-2063 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2063:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2063 { flex-direction: column; } }
.component-2064 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2064:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2064 { flex-direction: column; } }
.component-2065 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2065:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2065 { flex-direction: column; } }
.component-2066 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2066:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2066 { flex-direction: column; } }
.component-2067 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2067:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2067 { flex-direction: column; } }
.component-2068 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2068:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2068 { flex-direction: column; } }
.component-2069 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2069:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2069 { flex-direction: column; } }
.component-2070 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2070:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2070 { flex-direction: column; } }
.component-2071 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2071:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2071 { flex-direction: column; } }
.component-2072 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2072:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2072 { flex-direction: column; } }
.component-2073 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2073:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2073 { flex-direction: column; } }
.component-2074 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2074:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2074 { flex-direction: column; } }
.component-2075 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2075:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2075 { flex-direction: column; } }
.component-2076 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2076:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2076 { flex-direction: column; } }
.component-2077 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2077:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2077 { flex-direction: column; } }
.component-2078 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2078:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2078 { flex-direction: column; } }
.component-2079 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2079:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2079 { flex-direction: column; } }
.component-2080 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2080:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2080 { flex-direction: column; } }
.component-2081 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2081:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2081 { flex-direction: column; } }
.component-2082 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2082:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2082 { flex-direction: column; } }
.component-2083 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2083:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2083 { flex-direction: column; } }
.component-2084 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2084:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2084 { flex-direction: column; } }
.component-2085 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2085:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2085 { flex-direction: column; } }
.component-2086 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2086:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2086 { flex-direction: column; } }
.component-2087 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2087:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2087 { flex-direction: column; } }
.component-2088 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2088:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2088 { flex-direction: column; } }
.component-2089 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2089:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2089 { flex-direction: column; } }
.component-2090 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2090:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2090 { flex-direction: column; } }
.component-2091 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2091:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2091 { flex-direction: column; } }
.component-2092 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2092:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2092 { flex-direction: column; } }
.component-2093 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2093:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2093 { flex-direction: column; } }
.component-2094 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2094:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2094 { flex-direction: column; } }
.component-2095 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2095:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2095 { flex-direction: column; } }
.component-2096 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2096:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2096 { flex-direction: column; } }
.component-2097 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2097:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2097 { flex-direction: column; } }
.component-2098 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2098:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2098 { flex-direction: column; } }
.component-2099 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2099:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2099 { flex-direction: column; } }
.component-2100 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2100:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2100 { flex-direction: column; } }
.component-2101 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2101:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2101 { flex-direction: column; } }
.component-2102 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2102:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2102 { flex-direction: column; } }
.component-2103 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2103:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2103 { flex-direction: column; } }
.component-2104 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2104:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2104 { flex-direction: column; } }
.component-2105 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2105:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2105 { flex-direction: column; } }
.component-2106 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2106:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2106 { flex-direction: column; } }
.component-2107 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2107:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2107 { flex-direction: column; } }
.component-2108 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2108:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2108 { flex-direction: column; } }
.component-2109 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2109:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2109 { flex-direction: column; } }
.component-2110 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2110:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2110 { flex-direction: column; } }
.component-2111 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2111:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2111 { flex-direction: column; } }
.component-2112 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2112:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2112 { flex-direction: column; } }
.component-2113 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2113:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2113 { flex-direction: column; } }
.component-2114 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2114:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2114 { flex-direction: column; } }
.component-2115 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2115:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2115 { flex-direction: column; } }
.component-2116 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2116:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2116 { flex-direction: column; } }
.component-2117 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2117:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2117 { flex-direction: column; } }
.component-2118 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2118:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2118 { flex-direction: column; } }
.component-2119 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2119:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2119 { flex-direction: column; } }
.component-2120 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2120:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2120 { flex-direction: column; } }
.component-2121 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2121:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2121 { flex-direction: column; } }
.component-2122 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2122:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2122 { flex-direction: column; } }
.component-2123 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2123:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2123 { flex-direction: column; } }
.component-2124 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2124:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2124 { flex-direction: column; } }
.component-2125 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2125:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2125 { flex-direction: column; } }
.component-2126 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2126:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2126 { flex-direction: column; } }
.component-2127 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2127:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2127 { flex-direction: column; } }
.component-2128 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2128:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2128 { flex-direction: column; } }
.component-2129 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2129:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2129 { flex-direction: column; } }
.component-2130 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2130:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2130 { flex-direction: column; } }
.component-2131 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2131:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2131 { flex-direction: column; } }
.component-2132 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2132:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2132 { flex-direction: column; } }
.component-2133 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2133:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2133 { flex-direction: column; } }
.component-2134 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2134:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2134 { flex-direction: column; } }
.component-2135 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2135:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2135 { flex-direction: column; } }
.component-2136 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2136:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2136 { flex-direction: column; } }
.component-2137 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2137:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2137 { flex-direction: column; } }
.component-2138 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2138:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2138 { flex-direction: column; } }
.component-2139 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2139:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2139 { flex-direction: column; } }
.component-2140 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2140:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2140 { flex-direction: column; } }
.component-2141 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2141:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2141 { flex-direction: column; } }
.component-2142 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2142:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2142 { flex-direction: column; } }
.component-2143 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2143:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2143 { flex-direction: column; } }
.component-2144 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2144:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2144 { flex-direction: column; } }
.component-2145 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2145:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2145 { flex-direction: column; } }
.component-2146 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2146:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2146 { flex-direction: column; } }
.component-2147 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2147:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2147 { flex-direction: column; } }
.component-2148 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2148:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2148 { flex-direction: column; } }
.component-2149 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2149:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2149 { flex-direction: column; } }
.component-2150 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2150:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2150 { flex-direction: column; } }
.component-2151 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2151:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2151 { flex-direction: column; } }
.component-2152 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2152:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2152 { flex-direction: column; } }
.component-2153 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2153:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2153 { flex-direction: column; } }
.component-2154 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2154:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2154 { flex-direction: column; } }
.component-2155 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2155:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2155 { flex-direction: column; } }
.component-2156 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2156:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2156 { flex-direction: column; } }
.component-2157 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2157:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2157 { flex-direction: column; } }
.component-2158 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2158:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2158 { flex-direction: column; } }
.component-2159 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2159:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2159 { flex-direction: column; } }
.component-2160 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2160:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2160 { flex-direction: column; } }
.component-2161 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2161:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2161 { flex-direction: column; } }
.component-2162 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2162:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2162 { flex-direction: column; } }
.component-2163 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2163:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2163 { flex-direction: column; } }
.component-2164 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2164:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2164 { flex-direction: column; } }
.component-2165 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2165:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2165 { flex-direction: column; } }
.component-2166 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2166:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2166 { flex-direction: column; } }
.component-2167 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2167:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2167 { flex-direction: column; } }
.component-2168 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2168:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2168 { flex-direction: column; } }
.component-2169 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2169:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2169 { flex-direction: column; } }
.component-2170 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2170:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2170 { flex-direction: column; } }
.component-2171 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2171:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2171 { flex-direction: column; } }
.component-2172 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2172:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2172 { flex-direction: column; } }
.component-2173 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2173:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2173 { flex-direction: column; } }
.component-2174 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2174:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2174 { flex-direction: column; } }
.component-2175 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2175:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2175 { flex-direction: column; } }
.component-2176 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2176:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2176 { flex-direction: column; } }
.component-2177 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2177:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2177 { flex-direction: column; } }
.component-2178 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2178:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2178 { flex-direction: column; } }
.component-2179 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2179:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2179 { flex-direction: column; } }
.component-2180 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2180:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2180 { flex-direction: column; } }
.component-2181 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2181:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2181 { flex-direction: column; } }
.component-2182 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2182:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2182 { flex-direction: column; } }
.component-2183 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2183:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2183 { flex-direction: column; } }
.component-2184 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2184:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2184 { flex-direction: column; } }
.component-2185 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2185:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2185 { flex-direction: column; } }
.component-2186 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2186:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2186 { flex-direction: column; } }
.component-2187 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2187:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2187 { flex-direction: column; } }
.component-2188 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2188:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2188 { flex-direction: column; } }
.component-2189 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2189:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2189 { flex-direction: column; } }
.component-2190 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2190:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2190 { flex-direction: column; } }
.component-2191 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2191:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2191 { flex-direction: column; } }
.component-2192 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2192:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2192 { flex-direction: column; } }
.component-2193 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2193:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2193 { flex-direction: column; } }
.component-2194 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2194:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2194 { flex-direction: column; } }
.component-2195 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2195:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2195 { flex-direction: column; } }
.component-2196 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2196:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2196 { flex-direction: column; } }
.component-2197 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2197:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2197 { flex-direction: column; } }
.component-2198 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2198:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2198 { flex-direction: column; } }
.component-2199 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2199:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2199 { flex-direction: column; } }
.component-2200 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2200:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2200 { flex-direction: column; } }
.component-2201 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2201:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2201 { flex-direction: column; } }
.component-2202 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2202:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2202 { flex-direction: column; } }
.component-2203 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2203:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2203 { flex-direction: column; } }
.component-2204 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2204:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2204 { flex-direction: column; } }
.component-2205 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2205:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2205 { flex-direction: column; } }
.component-2206 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2206:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2206 { flex-direction: column; } }
.component-2207 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2207:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2207 { flex-direction: column; } }
.component-2208 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2208:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2208 { flex-direction: column; } }
.component-2209 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2209:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2209 { flex-direction: column; } }
.component-2210 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2210:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2210 { flex-direction: column; } }
.component-2211 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2211:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2211 { flex-direction: column; } }
.component-2212 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2212:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2212 { flex-direction: column; } }
.component-2213 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2213:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2213 { flex-direction: column; } }
.component-2214 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2214:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2214 { flex-direction: column; } }
.component-2215 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2215:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2215 { flex-direction: column; } }
.component-2216 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2216:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2216 { flex-direction: column; } }
.component-2217 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2217:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2217 { flex-direction: column; } }
.component-2218 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2218:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2218 { flex-direction: column; } }
.component-2219 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2219:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2219 { flex-direction: column; } }
.component-2220 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2220:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2220 { flex-direction: column; } }
.component-2221 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2221:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2221 { flex-direction: column; } }
.component-2222 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2222:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2222 { flex-direction: column; } }
.component-2223 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2223:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2223 { flex-direction: column; } }
.component-2224 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2224:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2224 { flex-direction: column; } }
.component-2225 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2225:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2225 { flex-direction: column; } }
.component-2226 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2226:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2226 { flex-direction: column; } }
.component-2227 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2227:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2227 { flex-direction: column; } }
.component-2228 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2228:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2228 { flex-direction: column; } }
.component-2229 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2229:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2229 { flex-direction: column; } }
.component-2230 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2230:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2230 { flex-direction: column; } }
.component-2231 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2231:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2231 { flex-direction: column; } }
.component-2232 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2232:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2232 { flex-direction: column; } }
.component-2233 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2233:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2233 { flex-direction: column; } }
.component-2234 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2234:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2234 { flex-direction: column; } }
.component-2235 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2235:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2235 { flex-direction: column; } }
.component-2236 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2236:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2236 { flex-direction: column; } }
.component-2237 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2237:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2237 { flex-direction: column; } }
.component-2238 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2238:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2238 { flex-direction: column; } }
.component-2239 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2239:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2239 { flex-direction: column; } }
.component-2240 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2240:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2240 { flex-direction: column; } }
.component-2241 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2241:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2241 { flex-direction: column; } }
.component-2242 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2242:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2242 { flex-direction: column; } }
.component-2243 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2243:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2243 { flex-direction: column; } }
.component-2244 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2244:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2244 { flex-direction: column; } }
.component-2245 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2245:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2245 { flex-direction: column; } }
.component-2246 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2246:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2246 { flex-direction: column; } }
.component-2247 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2247:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2247 { flex-direction: column; } }
.component-2248 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2248:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2248 { flex-direction: column; } }
.component-2249 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2249:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2249 { flex-direction: column; } }
.component-2250 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2250:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2250 { flex-direction: column; } }
.component-2251 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2251:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2251 { flex-direction: column; } }
.component-2252 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2252:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2252 { flex-direction: column; } }
.component-2253 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2253:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2253 { flex-direction: column; } }
.component-2254 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2254:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2254 { flex-direction: column; } }
.component-2255 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2255:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2255 { flex-direction: column; } }
.component-2256 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2256:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2256 { flex-direction: column; } }
.component-2257 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2257:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2257 { flex-direction: column; } }
.component-2258 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2258:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2258 { flex-direction: column; } }
.component-2259 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2259:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2259 { flex-direction: column; } }
.component-2260 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2260:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2260 { flex-direction: column; } }
.component-2261 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2261:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2261 { flex-direction: column; } }
.component-2262 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2262:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2262 { flex-direction: column; } }
.component-2263 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2263:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2263 { flex-direction: column; } }
.component-2264 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2264:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2264 { flex-direction: column; } }
.component-2265 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2265:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2265 { flex-direction: column; } }
.component-2266 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2266:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2266 { flex-direction: column; } }
.component-2267 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2267:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2267 { flex-direction: column; } }
.component-2268 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2268:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2268 { flex-direction: column; } }
.component-2269 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2269:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2269 { flex-direction: column; } }
.component-2270 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2270:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2270 { flex-direction: column; } }
.component-2271 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2271:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2271 { flex-direction: column; } }
.component-2272 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2272:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2272 { flex-direction: column; } }
.component-2273 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2273:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2273 { flex-direction: column; } }
.component-2274 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2274:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2274 { flex-direction: column; } }
.component-2275 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2275:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2275 { flex-direction: column; } }
.component-2276 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2276:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2276 { flex-direction: column; } }
.component-2277 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2277:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2277 { flex-direction: column; } }
.component-2278 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2278:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2278 { flex-direction: column; } }
.component-2279 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2279:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2279 { flex-direction: column; } }
.component-2280 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2280:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2280 { flex-direction: column; } }
.component-2281 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2281:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2281 { flex-direction: column; } }
.component-2282 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2282:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2282 { flex-direction: column; } }
.component-2283 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2283:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2283 { flex-direction: column; } }
.component-2284 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2284:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2284 { flex-direction: column; } }
.component-2285 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2285:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2285 { flex-direction: column; } }
.component-2286 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2286:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2286 { flex-direction: column; } }
.component-2287 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2287:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2287 { flex-direction: column; } }
.component-2288 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2288:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2288 { flex-direction: column; } }
.component-2289 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2289:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2289 { flex-direction: column; } }
.component-2290 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2290:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2290 { flex-direction: column; } }
.component-2291 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2291:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2291 { flex-direction: column; } }
.component-2292 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2292:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2292 { flex-direction: column; } }
.component-2293 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2293:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2293 { flex-direction: column; } }
.component-2294 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2294:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2294 { flex-direction: column; } }
.component-2295 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2295:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2295 { flex-direction: column; } }
.component-2296 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2296:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2296 { flex-direction: column; } }
.component-2297 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2297:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2297 { flex-direction: column; } }
.component-2298 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2298:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2298 { flex-direction: column; } }
.component-2299 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2299:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2299 { flex-direction: column; } }
.component-2300 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2300:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2300 { flex-direction: column; } }
.component-2301 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2301:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2301 { flex-direction: column; } }
.component-2302 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2302:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2302 { flex-direction: column; } }
.component-2303 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2303:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2303 { flex-direction: column; } }
.component-2304 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2304:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2304 { flex-direction: column; } }
.component-2305 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2305:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2305 { flex-direction: column; } }
.component-2306 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2306:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2306 { flex-direction: column; } }
.component-2307 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2307:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2307 { flex-direction: column; } }
.component-2308 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2308:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2308 { flex-direction: column; } }
.component-2309 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2309:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2309 { flex-direction: column; } }
.component-2310 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2310:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2310 { flex-direction: column; } }
.component-2311 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2311:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2311 { flex-direction: column; } }
.component-2312 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2312:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2312 { flex-direction: column; } }
.component-2313 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2313:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2313 { flex-direction: column; } }
.component-2314 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2314:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2314 { flex-direction: column; } }
.component-2315 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2315:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2315 { flex-direction: column; } }
.component-2316 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2316:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2316 { flex-direction: column; } }
.component-2317 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2317:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2317 { flex-direction: column; } }
.component-2318 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2318:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2318 { flex-direction: column; } }
.component-2319 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2319:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2319 { flex-direction: column; } }
.component-2320 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2320:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2320 { flex-direction: column; } }
.component-2321 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2321:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2321 { flex-direction: column; } }
.component-2322 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2322:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2322 { flex-direction: column; } }
.component-2323 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2323:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2323 { flex-direction: column; } }
.component-2324 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2324:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2324 { flex-direction: column; } }
.component-2325 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2325:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2325 { flex-direction: column; } }
.component-2326 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2326:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2326 { flex-direction: column; } }
.component-2327 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2327:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2327 { flex-direction: column; } }
.component-2328 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2328:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2328 { flex-direction: column; } }
.component-2329 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2329:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2329 { flex-direction: column; } }
.component-2330 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2330:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2330 { flex-direction: column; } }
.component-2331 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2331:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2331 { flex-direction: column; } }
.component-2332 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2332:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2332 { flex-direction: column; } }
.component-2333 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2333:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2333 { flex-direction: column; } }
.component-2334 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2334:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2334 { flex-direction: column; } }
.component-2335 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2335:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2335 { flex-direction: column; } }
.component-2336 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2336:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2336 { flex-direction: column; } }
.component-2337 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2337:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2337 { flex-direction: column; } }
.component-2338 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2338:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2338 { flex-direction: column; } }
.component-2339 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2339:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2339 { flex-direction: column; } }
.component-2340 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2340:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2340 { flex-direction: column; } }
.component-2341 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2341:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2341 { flex-direction: column; } }
.component-2342 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2342:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2342 { flex-direction: column; } }
.component-2343 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2343:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2343 { flex-direction: column; } }
.component-2344 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2344:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2344 { flex-direction: column; } }
.component-2345 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2345:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2345 { flex-direction: column; } }
.component-2346 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2346:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2346 { flex-direction: column; } }
.component-2347 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2347:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2347 { flex-direction: column; } }
.component-2348 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2348:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2348 { flex-direction: column; } }
.component-2349 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2349:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2349 { flex-direction: column; } }
.component-2350 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2350:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2350 { flex-direction: column; } }
.component-2351 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2351:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2351 { flex-direction: column; } }
.component-2352 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2352:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2352 { flex-direction: column; } }
.component-2353 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2353:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2353 { flex-direction: column; } }
.component-2354 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2354:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2354 { flex-direction: column; } }
.component-2355 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2355:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2355 { flex-direction: column; } }
.component-2356 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2356:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2356 { flex-direction: column; } }
.component-2357 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2357:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2357 { flex-direction: column; } }
.component-2358 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2358:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2358 { flex-direction: column; } }
.component-2359 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2359:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2359 { flex-direction: column; } }
.component-2360 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2360:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2360 { flex-direction: column; } }
.component-2361 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2361:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2361 { flex-direction: column; } }
.component-2362 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2362:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2362 { flex-direction: column; } }
.component-2363 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2363:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2363 { flex-direction: column; } }
.component-2364 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2364:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2364 { flex-direction: column; } }
.component-2365 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2365:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2365 { flex-direction: column; } }
.component-2366 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2366:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2366 { flex-direction: column; } }
.component-2367 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2367:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2367 { flex-direction: column; } }
.component-2368 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2368:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2368 { flex-direction: column; } }
.component-2369 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2369:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2369 { flex-direction: column; } }
.component-2370 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2370:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2370 { flex-direction: column; } }
.component-2371 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2371:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2371 { flex-direction: column; } }
.component-2372 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2372:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2372 { flex-direction: column; } }
.component-2373 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2373:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2373 { flex-direction: column; } }
.component-2374 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2374:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2374 { flex-direction: column; } }
.component-2375 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2375:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2375 { flex-direction: column; } }
.component-2376 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2376:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2376 { flex-direction: column; } }
.component-2377 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2377:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2377 { flex-direction: column; } }
.component-2378 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2378:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2378 { flex-direction: column; } }
.component-2379 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2379:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2379 { flex-direction: column; } }
.component-2380 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2380:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2380 { flex-direction: column; } }
.component-2381 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2381:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2381 { flex-direction: column; } }
.component-2382 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2382:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2382 { flex-direction: column; } }
.component-2383 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2383:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2383 { flex-direction: column; } }
.component-2384 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2384:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2384 { flex-direction: column; } }
.component-2385 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2385:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2385 { flex-direction: column; } }
.component-2386 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2386:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2386 { flex-direction: column; } }
.component-2387 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2387:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2387 { flex-direction: column; } }
.component-2388 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2388:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2388 { flex-direction: column; } }
.component-2389 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2389:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2389 { flex-direction: column; } }
.component-2390 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2390:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2390 { flex-direction: column; } }
.component-2391 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2391:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2391 { flex-direction: column; } }
.component-2392 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2392:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2392 { flex-direction: column; } }
.component-2393 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2393:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2393 { flex-direction: column; } }
.component-2394 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2394:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2394 { flex-direction: column; } }
.component-2395 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2395:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2395 { flex-direction: column; } }
.component-2396 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2396:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2396 { flex-direction: column; } }
.component-2397 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2397:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2397 { flex-direction: column; } }
.component-2398 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2398:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2398 { flex-direction: column; } }
.component-2399 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2399:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2399 { flex-direction: column; } }
.component-2400 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2400:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2400 { flex-direction: column; } }
.component-2401 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2401:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2401 { flex-direction: column; } }
.component-2402 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2402:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2402 { flex-direction: column; } }
.component-2403 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2403:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2403 { flex-direction: column; } }
.component-2404 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2404:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2404 { flex-direction: column; } }
.component-2405 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2405:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2405 { flex-direction: column; } }
.component-2406 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2406:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2406 { flex-direction: column; } }
.component-2407 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2407:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2407 { flex-direction: column; } }
.component-2408 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2408:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2408 { flex-direction: column; } }
.component-2409 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2409:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2409 { flex-direction: column; } }
.component-2410 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2410:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2410 { flex-direction: column; } }
.component-2411 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2411:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2411 { flex-direction: column; } }
.component-2412 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2412:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2412 { flex-direction: column; } }
.component-2413 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2413:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2413 { flex-direction: column; } }
.component-2414 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2414:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2414 { flex-direction: column; } }
.component-2415 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2415:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2415 { flex-direction: column; } }
.component-2416 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2416:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2416 { flex-direction: column; } }
.component-2417 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2417:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2417 { flex-direction: column; } }
.component-2418 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2418:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2418 { flex-direction: column; } }
.component-2419 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2419:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2419 { flex-direction: column; } }
.component-2420 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2420:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2420 { flex-direction: column; } }
.component-2421 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2421:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2421 { flex-direction: column; } }
.component-2422 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2422:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2422 { flex-direction: column; } }
.component-2423 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2423:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2423 { flex-direction: column; } }
.component-2424 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2424:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2424 { flex-direction: column; } }
.component-2425 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2425:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2425 { flex-direction: column; } }
.component-2426 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2426:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2426 { flex-direction: column; } }
.component-2427 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2427:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2427 { flex-direction: column; } }
.component-2428 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2428:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2428 { flex-direction: column; } }
.component-2429 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2429:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2429 { flex-direction: column; } }
.component-2430 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2430:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2430 { flex-direction: column; } }
.component-2431 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2431:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2431 { flex-direction: column; } }
.component-2432 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2432:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2432 { flex-direction: column; } }
.component-2433 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2433:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2433 { flex-direction: column; } }
.component-2434 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2434:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2434 { flex-direction: column; } }
.component-2435 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2435:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2435 { flex-direction: column; } }
.component-2436 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2436:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2436 { flex-direction: column; } }
.component-2437 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2437:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2437 { flex-direction: column; } }
.component-2438 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2438:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2438 { flex-direction: column; } }
.component-2439 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2439:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2439 { flex-direction: column; } }
.component-2440 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2440:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2440 { flex-direction: column; } }
.component-2441 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2441:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2441 { flex-direction: column; } }
.component-2442 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2442:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2442 { flex-direction: column; } }
.component-2443 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2443:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2443 { flex-direction: column; } }
.component-2444 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2444:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2444 { flex-direction: column; } }
.component-2445 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2445:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2445 { flex-direction: column; } }
.component-2446 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2446:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2446 { flex-direction: column; } }
.component-2447 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2447:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2447 { flex-direction: column; } }
.component-2448 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2448:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2448 { flex-direction: column; } }
.component-2449 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2449:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2449 { flex-direction: column; } }
.component-2450 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2450:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2450 { flex-direction: column; } }
.component-2451 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2451:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2451 { flex-direction: column; } }
.component-2452 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2452:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2452 { flex-direction: column; } }
.component-2453 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2453:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2453 { flex-direction: column; } }
.component-2454 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2454:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2454 { flex-direction: column; } }
.component-2455 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2455:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2455 { flex-direction: column; } }
.component-2456 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2456:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2456 { flex-direction: column; } }
.component-2457 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2457:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2457 { flex-direction: column; } }
.component-2458 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2458:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2458 { flex-direction: column; } }
.component-2459 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2459:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2459 { flex-direction: column; } }
.component-2460 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2460:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2460 { flex-direction: column; } }
.component-2461 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2461:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2461 { flex-direction: column; } }
.component-2462 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2462:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2462 { flex-direction: column; } }
.component-2463 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2463:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2463 { flex-direction: column; } }
.component-2464 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2464:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2464 { flex-direction: column; } }
.component-2465 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2465:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2465 { flex-direction: column; } }
.component-2466 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2466:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2466 { flex-direction: column; } }
.component-2467 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2467:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2467 { flex-direction: column; } }
.component-2468 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2468:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2468 { flex-direction: column; } }
.component-2469 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2469:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2469 { flex-direction: column; } }
.component-2470 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2470:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2470 { flex-direction: column; } }
.component-2471 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2471:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2471 { flex-direction: column; } }
.component-2472 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2472:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2472 { flex-direction: column; } }
.component-2473 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2473:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2473 { flex-direction: column; } }
.component-2474 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2474:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2474 { flex-direction: column; } }
.component-2475 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2475:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2475 { flex-direction: column; } }
.component-2476 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2476:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2476 { flex-direction: column; } }
.component-2477 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2477:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2477 { flex-direction: column; } }
.component-2478 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2478:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2478 { flex-direction: column; } }
.component-2479 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2479:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2479 { flex-direction: column; } }
.component-2480 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2480:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2480 { flex-direction: column; } }
.component-2481 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2481:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2481 { flex-direction: column; } }
.component-2482 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2482:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2482 { flex-direction: column; } }
.component-2483 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2483:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2483 { flex-direction: column; } }
.component-2484 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2484:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2484 { flex-direction: column; } }
.component-2485 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2485:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2485 { flex-direction: column; } }
.component-2486 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2486:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2486 { flex-direction: column; } }
.component-2487 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2487:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2487 { flex-direction: column; } }
.component-2488 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2488:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2488 { flex-direction: column; } }
.component-2489 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2489:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2489 { flex-direction: column; } }
.component-2490 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2490:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2490 { flex-direction: column; } }
.component-2491 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2491:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2491 { flex-direction: column; } }
.component-2492 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2492:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2492 { flex-direction: column; } }
.component-2493 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2493:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2493 { flex-direction: column; } }
.component-2494 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2494:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2494 { flex-direction: column; } }
.component-2495 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2495:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2495 { flex-direction: column; } }
.component-2496 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2496:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2496 { flex-direction: column; } }
.component-2497 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2497:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2497 { flex-direction: column; } }
.component-2498 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2498:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2498 { flex-direction: column; } }
.component-2499 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2499:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2499 { flex-direction: column; } }
.component-2500 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2500:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2500 { flex-direction: column; } }
.component-2501 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2501:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2501 { flex-direction: column; } }
.component-2502 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2502:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2502 { flex-direction: column; } }
.component-2503 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2503:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2503 { flex-direction: column; } }
.component-2504 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2504:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2504 { flex-direction: column; } }
.component-2505 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2505:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2505 { flex-direction: column; } }
.component-2506 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2506:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2506 { flex-direction: column; } }
.component-2507 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2507:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2507 { flex-direction: column; } }
.component-2508 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2508:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2508 { flex-direction: column; } }
.component-2509 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2509:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2509 { flex-direction: column; } }
.component-2510 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2510:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2510 { flex-direction: column; } }
.component-2511 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2511:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2511 { flex-direction: column; } }
.component-2512 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2512:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2512 { flex-direction: column; } }
.component-2513 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2513:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2513 { flex-direction: column; } }
.component-2514 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2514:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2514 { flex-direction: column; } }
.component-2515 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2515:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2515 { flex-direction: column; } }
.component-2516 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2516:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2516 { flex-direction: column; } }
.component-2517 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2517:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2517 { flex-direction: column; } }
.component-2518 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2518:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2518 { flex-direction: column; } }
.component-2519 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2519:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2519 { flex-direction: column; } }
.component-2520 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2520:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2520 { flex-direction: column; } }
.component-2521 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2521:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2521 { flex-direction: column; } }
.component-2522 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2522:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2522 { flex-direction: column; } }
.component-2523 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2523:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2523 { flex-direction: column; } }
.component-2524 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2524:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2524 { flex-direction: column; } }
.component-2525 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2525:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2525 { flex-direction: column; } }
.component-2526 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2526:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2526 { flex-direction: column; } }
.component-2527 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2527:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2527 { flex-direction: column; } }
.component-2528 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2528:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2528 { flex-direction: column; } }
.component-2529 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2529:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2529 { flex-direction: column; } }
.component-2530 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2530:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2530 { flex-direction: column; } }
.component-2531 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2531:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2531 { flex-direction: column; } }
.component-2532 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2532:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2532 { flex-direction: column; } }
.component-2533 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2533:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2533 { flex-direction: column; } }
.component-2534 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2534:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2534 { flex-direction: column; } }
.component-2535 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2535:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2535 { flex-direction: column; } }
.component-2536 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2536:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2536 { flex-direction: column; } }
.component-2537 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2537:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2537 { flex-direction: column; } }
.component-2538 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2538:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2538 { flex-direction: column; } }
.component-2539 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2539:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2539 { flex-direction: column; } }
.component-2540 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2540:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2540 { flex-direction: column; } }
.component-2541 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2541:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2541 { flex-direction: column; } }
.component-2542 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2542:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2542 { flex-direction: column; } }
.component-2543 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2543:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2543 { flex-direction: column; } }
.component-2544 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2544:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2544 { flex-direction: column; } }
.component-2545 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2545:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2545 { flex-direction: column; } }
.component-2546 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2546:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2546 { flex-direction: column; } }
.component-2547 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2547:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2547 { flex-direction: column; } }
.component-2548 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2548:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2548 { flex-direction: column; } }
.component-2549 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2549:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2549 { flex-direction: column; } }
.component-2550 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2550:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2550 { flex-direction: column; } }
.component-2551 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2551:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2551 { flex-direction: column; } }
.component-2552 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2552:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2552 { flex-direction: column; } }
.component-2553 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2553:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2553 { flex-direction: column; } }
.component-2554 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2554:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2554 { flex-direction: column; } }
.component-2555 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2555:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2555 { flex-direction: column; } }
.component-2556 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2556:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2556 { flex-direction: column; } }
.component-2557 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2557:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2557 { flex-direction: column; } }
.component-2558 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2558:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2558 { flex-direction: column; } }
.component-2559 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2559:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2559 { flex-direction: column; } }
.component-2560 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2560:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2560 { flex-direction: column; } }
.component-2561 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2561:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2561 { flex-direction: column; } }
.component-2562 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2562:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2562 { flex-direction: column; } }
.component-2563 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2563:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2563 { flex-direction: column; } }
.component-2564 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2564:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2564 { flex-direction: column; } }
.component-2565 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2565:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2565 { flex-direction: column; } }
.component-2566 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2566:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2566 { flex-direction: column; } }
.component-2567 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2567:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2567 { flex-direction: column; } }
.component-2568 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2568:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2568 { flex-direction: column; } }
.component-2569 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2569:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2569 { flex-direction: column; } }
.component-2570 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2570:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2570 { flex-direction: column; } }
.component-2571 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2571:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2571 { flex-direction: column; } }
.component-2572 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2572:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2572 { flex-direction: column; } }
.component-2573 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2573:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2573 { flex-direction: column; } }
.component-2574 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2574:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2574 { flex-direction: column; } }
.component-2575 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2575:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2575 { flex-direction: column; } }
.component-2576 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2576:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2576 { flex-direction: column; } }
.component-2577 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2577:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2577 { flex-direction: column; } }
.component-2578 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2578:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2578 { flex-direction: column; } }
.component-2579 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2579:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2579 { flex-direction: column; } }
.component-2580 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2580:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2580 { flex-direction: column; } }
.component-2581 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2581:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2581 { flex-direction: column; } }
.component-2582 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2582:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2582 { flex-direction: column; } }
.component-2583 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2583:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2583 { flex-direction: column; } }
.component-2584 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2584:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2584 { flex-direction: column; } }
.component-2585 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2585:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2585 { flex-direction: column; } }
.component-2586 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2586:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2586 { flex-direction: column; } }
.component-2587 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2587:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2587 { flex-direction: column; } }
.component-2588 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2588:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2588 { flex-direction: column; } }
.component-2589 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2589:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2589 { flex-direction: column; } }
.component-2590 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2590:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2590 { flex-direction: column; } }
.component-2591 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2591:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2591 { flex-direction: column; } }
.component-2592 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2592:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2592 { flex-direction: column; } }
.component-2593 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2593:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2593 { flex-direction: column; } }
.component-2594 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2594:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2594 { flex-direction: column; } }
.component-2595 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2595:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2595 { flex-direction: column; } }
.component-2596 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2596:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2596 { flex-direction: column; } }
.component-2597 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2597:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2597 { flex-direction: column; } }
.component-2598 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2598:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2598 { flex-direction: column; } }
.component-2599 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2599:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2599 { flex-direction: column; } }
.component-2600 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2600:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2600 { flex-direction: column; } }
.component-2601 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2601:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2601 { flex-direction: column; } }
.component-2602 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2602:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2602 { flex-direction: column; } }
.component-2603 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2603:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2603 { flex-direction: column; } }
.component-2604 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2604:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2604 { flex-direction: column; } }
.component-2605 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2605:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2605 { flex-direction: column; } }
.component-2606 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2606:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2606 { flex-direction: column; } }
.component-2607 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2607:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2607 { flex-direction: column; } }
.component-2608 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2608:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2608 { flex-direction: column; } }
.component-2609 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2609:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2609 { flex-direction: column; } }
.component-2610 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2610:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2610 { flex-direction: column; } }
.component-2611 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2611:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2611 { flex-direction: column; } }
.component-2612 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2612:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2612 { flex-direction: column; } }
.component-2613 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2613:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2613 { flex-direction: column; } }
.component-2614 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2614:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2614 { flex-direction: column; } }
.component-2615 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2615:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2615 { flex-direction: column; } }
.component-2616 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2616:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2616 { flex-direction: column; } }
.component-2617 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2617:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2617 { flex-direction: column; } }
.component-2618 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2618:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2618 { flex-direction: column; } }
.component-2619 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2619:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2619 { flex-direction: column; } }
.component-2620 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2620:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2620 { flex-direction: column; } }
.component-2621 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2621:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2621 { flex-direction: column; } }
.component-2622 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2622:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2622 { flex-direction: column; } }
.component-2623 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2623:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2623 { flex-direction: column; } }
.component-2624 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2624:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2624 { flex-direction: column; } }
.component-2625 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2625:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2625 { flex-direction: column; } }
.component-2626 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2626:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2626 { flex-direction: column; } }
.component-2627 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2627:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2627 { flex-direction: column; } }
.component-2628 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2628:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2628 { flex-direction: column; } }
.component-2629 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2629:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2629 { flex-direction: column; } }
.component-2630 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2630:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2630 { flex-direction: column; } }
.component-2631 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2631:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2631 { flex-direction: column; } }
.component-2632 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2632:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2632 { flex-direction: column; } }
.component-2633 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2633:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2633 { flex-direction: column; } }
.component-2634 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2634:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2634 { flex-direction: column; } }
.component-2635 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2635:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2635 { flex-direction: column; } }
.component-2636 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2636:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2636 { flex-direction: column; } }
.component-2637 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2637:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2637 { flex-direction: column; } }
.component-2638 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2638:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2638 { flex-direction: column; } }
.component-2639 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2639:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2639 { flex-direction: column; } }
.component-2640 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2640:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2640 { flex-direction: column; } }
.component-2641 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2641:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2641 { flex-direction: column; } }
.component-2642 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2642:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2642 { flex-direction: column; } }
.component-2643 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2643:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2643 { flex-direction: column; } }
.component-2644 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2644:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2644 { flex-direction: column; } }
.component-2645 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2645:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2645 { flex-direction: column; } }
.component-2646 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2646:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2646 { flex-direction: column; } }
.component-2647 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2647:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2647 { flex-direction: column; } }
.component-2648 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2648:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2648 { flex-direction: column; } }
.component-2649 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2649:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2649 { flex-direction: column; } }
.component-2650 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2650:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2650 { flex-direction: column; } }
.component-2651 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2651:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2651 { flex-direction: column; } }
.component-2652 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2652:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2652 { flex-direction: column; } }
.component-2653 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2653:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2653 { flex-direction: column; } }
.component-2654 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2654:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2654 { flex-direction: column; } }
.component-2655 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2655:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2655 { flex-direction: column; } }
.component-2656 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2656:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2656 { flex-direction: column; } }
.component-2657 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2657:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2657 { flex-direction: column; } }
.component-2658 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2658:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2658 { flex-direction: column; } }
.component-2659 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2659:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2659 { flex-direction: column; } }
.component-2660 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2660:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2660 { flex-direction: column; } }
.component-2661 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2661:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2661 { flex-direction: column; } }
.component-2662 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2662:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2662 { flex-direction: column; } }
.component-2663 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2663:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2663 { flex-direction: column; } }
.component-2664 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2664:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2664 { flex-direction: column; } }
.component-2665 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2665:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2665 { flex-direction: column; } }
.component-2666 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2666:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2666 { flex-direction: column; } }
.component-2667 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2667:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2667 { flex-direction: column; } }
.component-2668 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2668:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2668 { flex-direction: column; } }
.component-2669 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2669:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2669 { flex-direction: column; } }
.component-2670 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2670:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2670 { flex-direction: column; } }
.component-2671 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2671:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2671 { flex-direction: column; } }
.component-2672 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2672:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2672 { flex-direction: column; } }
.component-2673 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2673:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2673 { flex-direction: column; } }
.component-2674 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2674:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2674 { flex-direction: column; } }
.component-2675 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2675:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2675 { flex-direction: column; } }
.component-2676 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2676:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2676 { flex-direction: column; } }
.component-2677 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2677:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2677 { flex-direction: column; } }
.component-2678 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2678:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2678 { flex-direction: column; } }
.component-2679 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2679:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2679 { flex-direction: column; } }
.component-2680 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2680:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2680 { flex-direction: column; } }
.component-2681 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2681:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2681 { flex-direction: column; } }
.component-2682 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2682:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2682 { flex-direction: column; } }
.component-2683 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2683:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2683 { flex-direction: column; } }
.component-2684 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2684:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2684 { flex-direction: column; } }
.component-2685 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2685:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2685 { flex-direction: column; } }
.component-2686 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2686:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2686 { flex-direction: column; } }
.component-2687 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2687:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2687 { flex-direction: column; } }
.component-2688 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2688:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2688 { flex-direction: column; } }
.component-2689 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2689:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2689 { flex-direction: column; } }
.component-2690 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2690:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2690 { flex-direction: column; } }
.component-2691 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2691:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2691 { flex-direction: column; } }
.component-2692 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2692:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2692 { flex-direction: column; } }
.component-2693 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2693:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2693 { flex-direction: column; } }
.component-2694 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2694:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2694 { flex-direction: column; } }
.component-2695 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2695:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2695 { flex-direction: column; } }
.component-2696 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2696:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2696 { flex-direction: column; } }
.component-2697 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2697:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2697 { flex-direction: column; } }
.component-2698 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2698:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2698 { flex-direction: column; } }
.component-2699 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2699:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2699 { flex-direction: column; } }
.component-2700 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2700:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2700 { flex-direction: column; } }
.component-2701 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2701:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2701 { flex-direction: column; } }
.component-2702 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2702:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2702 { flex-direction: column; } }
.component-2703 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2703:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2703 { flex-direction: column; } }
.component-2704 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2704:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2704 { flex-direction: column; } }
.component-2705 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2705:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2705 { flex-direction: column; } }
.component-2706 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2706:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2706 { flex-direction: column; } }
.component-2707 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2707:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2707 { flex-direction: column; } }
.component-2708 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2708:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2708 { flex-direction: column; } }
.component-2709 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2709:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2709 { flex-direction: column; } }
.component-2710 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2710:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2710 { flex-direction: column; } }
.component-2711 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2711:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2711 { flex-direction: column; } }
.component-2712 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2712:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2712 { flex-direction: column; } }
.component-2713 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2713:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2713 { flex-direction: column; } }
.component-2714 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2714:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2714 { flex-direction: column; } }
.component-2715 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2715:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2715 { flex-direction: column; } }
.component-2716 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2716:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2716 { flex-direction: column; } }
.component-2717 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2717:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2717 { flex-direction: column; } }
.component-2718 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2718:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2718 { flex-direction: column; } }
.component-2719 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2719:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2719 { flex-direction: column; } }
.component-2720 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2720:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2720 { flex-direction: column; } }
.component-2721 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2721:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2721 { flex-direction: column; } }
.component-2722 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2722:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2722 { flex-direction: column; } }
.component-2723 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2723:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2723 { flex-direction: column; } }
.component-2724 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2724:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2724 { flex-direction: column; } }
.component-2725 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2725:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2725 { flex-direction: column; } }
.component-2726 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2726:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2726 { flex-direction: column; } }
.component-2727 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2727:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2727 { flex-direction: column; } }
.component-2728 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2728:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2728 { flex-direction: column; } }
.component-2729 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2729:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2729 { flex-direction: column; } }
.component-2730 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2730:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2730 { flex-direction: column; } }
.component-2731 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2731:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2731 { flex-direction: column; } }
.component-2732 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2732:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2732 { flex-direction: column; } }
.component-2733 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2733:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2733 { flex-direction: column; } }
.component-2734 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2734:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2734 { flex-direction: column; } }
.component-2735 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2735:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2735 { flex-direction: column; } }
.component-2736 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2736:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2736 { flex-direction: column; } }
.component-2737 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2737:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2737 { flex-direction: column; } }
.component-2738 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2738:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2738 { flex-direction: column; } }
.component-2739 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2739:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2739 { flex-direction: column; } }
.component-2740 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2740:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2740 { flex-direction: column; } }
.component-2741 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2741:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2741 { flex-direction: column; } }
.component-2742 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2742:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2742 { flex-direction: column; } }
.component-2743 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2743:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2743 { flex-direction: column; } }
.component-2744 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2744:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2744 { flex-direction: column; } }
.component-2745 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2745:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2745 { flex-direction: column; } }
.component-2746 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2746:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2746 { flex-direction: column; } }
.component-2747 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2747:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2747 { flex-direction: column; } }
.component-2748 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2748:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2748 { flex-direction: column; } }
.component-2749 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2749:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2749 { flex-direction: column; } }
.component-2750 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2750:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2750 { flex-direction: column; } }
.component-2751 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2751:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2751 { flex-direction: column; } }
.component-2752 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2752:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2752 { flex-direction: column; } }
.component-2753 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2753:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2753 { flex-direction: column; } }
.component-2754 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2754:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2754 { flex-direction: column; } }
.component-2755 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2755:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2755 { flex-direction: column; } }
.component-2756 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2756:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2756 { flex-direction: column; } }
.component-2757 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2757:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2757 { flex-direction: column; } }
.component-2758 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2758:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2758 { flex-direction: column; } }
.component-2759 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2759:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2759 { flex-direction: column; } }
.component-2760 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2760:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2760 { flex-direction: column; } }
.component-2761 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2761:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2761 { flex-direction: column; } }
.component-2762 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2762:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2762 { flex-direction: column; } }
.component-2763 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2763:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2763 { flex-direction: column; } }
.component-2764 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2764:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2764 { flex-direction: column; } }
.component-2765 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2765:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2765 { flex-direction: column; } }
.component-2766 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2766:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2766 { flex-direction: column; } }
.component-2767 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2767:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2767 { flex-direction: column; } }
.component-2768 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2768:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2768 { flex-direction: column; } }
.component-2769 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2769:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2769 { flex-direction: column; } }
.component-2770 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2770:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2770 { flex-direction: column; } }
.component-2771 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2771:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2771 { flex-direction: column; } }
.component-2772 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2772:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2772 { flex-direction: column; } }
.component-2773 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2773:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2773 { flex-direction: column; } }
.component-2774 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2774:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2774 { flex-direction: column; } }
.component-2775 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2775:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2775 { flex-direction: column; } }
.component-2776 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2776:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2776 { flex-direction: column; } }
.component-2777 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2777:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2777 { flex-direction: column; } }
.component-2778 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2778:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2778 { flex-direction: column; } }
.component-2779 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2779:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2779 { flex-direction: column; } }
.component-2780 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2780:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2780 { flex-direction: column; } }
.component-2781 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2781:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2781 { flex-direction: column; } }
.component-2782 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2782:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2782 { flex-direction: column; } }
.component-2783 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2783:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2783 { flex-direction: column; } }
.component-2784 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2784:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2784 { flex-direction: column; } }
.component-2785 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2785:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2785 { flex-direction: column; } }
.component-2786 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2786:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2786 { flex-direction: column; } }
.component-2787 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2787:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2787 { flex-direction: column; } }
.component-2788 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2788:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2788 { flex-direction: column; } }
.component-2789 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2789:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2789 { flex-direction: column; } }
.component-2790 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2790:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2790 { flex-direction: column; } }
.component-2791 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2791:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2791 { flex-direction: column; } }
.component-2792 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2792:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2792 { flex-direction: column; } }
.component-2793 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2793:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2793 { flex-direction: column; } }
.component-2794 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2794:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2794 { flex-direction: column; } }
.component-2795 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2795:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2795 { flex-direction: column; } }
.component-2796 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2796:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2796 { flex-direction: column; } }
.component-2797 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2797:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2797 { flex-direction: column; } }
.component-2798 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2798:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2798 { flex-direction: column; } }
.component-2799 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2799:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2799 { flex-direction: column; } }
.component-2800 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2800:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2800 { flex-direction: column; } }
.component-2801 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2801:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2801 { flex-direction: column; } }
.component-2802 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2802:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2802 { flex-direction: column; } }
.component-2803 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2803:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2803 { flex-direction: column; } }
.component-2804 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2804:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2804 { flex-direction: column; } }
.component-2805 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2805:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2805 { flex-direction: column; } }
.component-2806 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2806:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2806 { flex-direction: column; } }
.component-2807 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2807:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2807 { flex-direction: column; } }
.component-2808 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2808:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2808 { flex-direction: column; } }
.component-2809 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2809:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2809 { flex-direction: column; } }
.component-2810 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2810:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2810 { flex-direction: column; } }
.component-2811 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2811:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2811 { flex-direction: column; } }
.component-2812 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2812:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2812 { flex-direction: column; } }
.component-2813 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2813:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2813 { flex-direction: column; } }
.component-2814 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2814:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2814 { flex-direction: column; } }
.component-2815 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2815:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2815 { flex-direction: column; } }
.component-2816 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2816:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2816 { flex-direction: column; } }
.component-2817 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2817:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2817 { flex-direction: column; } }
.component-2818 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2818:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2818 { flex-direction: column; } }
.component-2819 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2819:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2819 { flex-direction: column; } }
.component-2820 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2820:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2820 { flex-direction: column; } }
.component-2821 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2821:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2821 { flex-direction: column; } }
.component-2822 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2822:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2822 { flex-direction: column; } }
.component-2823 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2823:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2823 { flex-direction: column; } }
.component-2824 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2824:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2824 { flex-direction: column; } }
.component-2825 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2825:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2825 { flex-direction: column; } }
.component-2826 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2826:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2826 { flex-direction: column; } }
.component-2827 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2827:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2827 { flex-direction: column; } }
.component-2828 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2828:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2828 { flex-direction: column; } }
.component-2829 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2829:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2829 { flex-direction: column; } }
.component-2830 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2830:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2830 { flex-direction: column; } }
.component-2831 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2831:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2831 { flex-direction: column; } }
.component-2832 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2832:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2832 { flex-direction: column; } }
.component-2833 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2833:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2833 { flex-direction: column; } }
.component-2834 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2834:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2834 { flex-direction: column; } }
.component-2835 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2835:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2835 { flex-direction: column; } }
.component-2836 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2836:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2836 { flex-direction: column; } }
.component-2837 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2837:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2837 { flex-direction: column; } }
.component-2838 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2838:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2838 { flex-direction: column; } }
.component-2839 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2839:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2839 { flex-direction: column; } }
.component-2840 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2840:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2840 { flex-direction: column; } }
.component-2841 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2841:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2841 { flex-direction: column; } }
.component-2842 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2842:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2842 { flex-direction: column; } }
.component-2843 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2843:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2843 { flex-direction: column; } }
.component-2844 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2844:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2844 { flex-direction: column; } }
.component-2845 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2845:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2845 { flex-direction: column; } }
.component-2846 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2846:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2846 { flex-direction: column; } }
.component-2847 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2847:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2847 { flex-direction: column; } }
.component-2848 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2848:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2848 { flex-direction: column; } }
.component-2849 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2849:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2849 { flex-direction: column; } }
.component-2850 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2850:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2850 { flex-direction: column; } }
.component-2851 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2851:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2851 { flex-direction: column; } }
.component-2852 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2852:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2852 { flex-direction: column; } }
.component-2853 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2853:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2853 { flex-direction: column; } }
.component-2854 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2854:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2854 { flex-direction: column; } }
.component-2855 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2855:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2855 { flex-direction: column; } }
.component-2856 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2856:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2856 { flex-direction: column; } }
.component-2857 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2857:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2857 { flex-direction: column; } }
.component-2858 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2858:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2858 { flex-direction: column; } }
.component-2859 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2859:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2859 { flex-direction: column; } }
.component-2860 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2860:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2860 { flex-direction: column; } }
.component-2861 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2861:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2861 { flex-direction: column; } }
.component-2862 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2862:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2862 { flex-direction: column; } }
.component-2863 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2863:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2863 { flex-direction: column; } }
.component-2864 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2864:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2864 { flex-direction: column; } }
.component-2865 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2865:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2865 { flex-direction: column; } }
.component-2866 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2866:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2866 { flex-direction: column; } }
.component-2867 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2867:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2867 { flex-direction: column; } }
.component-2868 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2868:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2868 { flex-direction: column; } }
.component-2869 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2869:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2869 { flex-direction: column; } }
.component-2870 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2870:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2870 { flex-direction: column; } }
.component-2871 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2871:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2871 { flex-direction: column; } }
.component-2872 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2872:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2872 { flex-direction: column; } }
.component-2873 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2873:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2873 { flex-direction: column; } }
.component-2874 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2874:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2874 { flex-direction: column; } }
.component-2875 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2875:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2875 { flex-direction: column; } }
.component-2876 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2876:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2876 { flex-direction: column; } }
.component-2877 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2877:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2877 { flex-direction: column; } }
.component-2878 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2878:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2878 { flex-direction: column; } }
.component-2879 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2879:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2879 { flex-direction: column; } }
.component-2880 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2880:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2880 { flex-direction: column; } }
.component-2881 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2881:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2881 { flex-direction: column; } }
.component-2882 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2882:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2882 { flex-direction: column; } }
.component-2883 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2883:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2883 { flex-direction: column; } }
.component-2884 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2884:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2884 { flex-direction: column; } }
.component-2885 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2885:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2885 { flex-direction: column; } }
.component-2886 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2886:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2886 { flex-direction: column; } }
.component-2887 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2887:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2887 { flex-direction: column; } }
.component-2888 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2888:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2888 { flex-direction: column; } }
.component-2889 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2889:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2889 { flex-direction: column; } }
.component-2890 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2890:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2890 { flex-direction: column; } }
.component-2891 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2891:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2891 { flex-direction: column; } }
.component-2892 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2892:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2892 { flex-direction: column; } }
.component-2893 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2893:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2893 { flex-direction: column; } }
.component-2894 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2894:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2894 { flex-direction: column; } }
.component-2895 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2895:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2895 { flex-direction: column; } }
.component-2896 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2896:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2896 { flex-direction: column; } }
.component-2897 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2897:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2897 { flex-direction: column; } }
.component-2898 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2898:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2898 { flex-direction: column; } }
.component-2899 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2899:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2899 { flex-direction: column; } }
.component-2900 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2900:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2900 { flex-direction: column; } }
.component-2901 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2901:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2901 { flex-direction: column; } }
.component-2902 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2902:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2902 { flex-direction: column; } }
.component-2903 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2903:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2903 { flex-direction: column; } }
.component-2904 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2904:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2904 { flex-direction: column; } }
.component-2905 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2905:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2905 { flex-direction: column; } }
.component-2906 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2906:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2906 { flex-direction: column; } }
.component-2907 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2907:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2907 { flex-direction: column; } }
.component-2908 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2908:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2908 { flex-direction: column; } }
.component-2909 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2909:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2909 { flex-direction: column; } }
.component-2910 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2910:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2910 { flex-direction: column; } }
.component-2911 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2911:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2911 { flex-direction: column; } }
.component-2912 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2912:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2912 { flex-direction: column; } }
.component-2913 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2913:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2913 { flex-direction: column; } }
.component-2914 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2914:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2914 { flex-direction: column; } }
.component-2915 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2915:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2915 { flex-direction: column; } }
.component-2916 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2916:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2916 { flex-direction: column; } }
.component-2917 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2917:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2917 { flex-direction: column; } }
.component-2918 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2918:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2918 { flex-direction: column; } }
.component-2919 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2919:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2919 { flex-direction: column; } }
.component-2920 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2920:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2920 { flex-direction: column; } }
.component-2921 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2921:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2921 { flex-direction: column; } }
.component-2922 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2922:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2922 { flex-direction: column; } }
.component-2923 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2923:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2923 { flex-direction: column; } }
.component-2924 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2924:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2924 { flex-direction: column; } }
.component-2925 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2925:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2925 { flex-direction: column; } }
.component-2926 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2926:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2926 { flex-direction: column; } }
.component-2927 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2927:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2927 { flex-direction: column; } }
.component-2928 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2928:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2928 { flex-direction: column; } }
.component-2929 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2929:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2929 { flex-direction: column; } }
.component-2930 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2930:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2930 { flex-direction: column; } }
.component-2931 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2931:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2931 { flex-direction: column; } }
.component-2932 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2932:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2932 { flex-direction: column; } }
.component-2933 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2933:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2933 { flex-direction: column; } }
.component-2934 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2934:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2934 { flex-direction: column; } }
.component-2935 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2935:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2935 { flex-direction: column; } }
.component-2936 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2936:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2936 { flex-direction: column; } }
.component-2937 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2937:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2937 { flex-direction: column; } }
.component-2938 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2938:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2938 { flex-direction: column; } }
.component-2939 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2939:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2939 { flex-direction: column; } }
.component-2940 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2940:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2940 { flex-direction: column; } }
.component-2941 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2941:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2941 { flex-direction: column; } }
.component-2942 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2942:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2942 { flex-direction: column; } }
.component-2943 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2943:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2943 { flex-direction: column; } }
.component-2944 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2944:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2944 { flex-direction: column; } }
.component-2945 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2945:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2945 { flex-direction: column; } }
.component-2946 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2946:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2946 { flex-direction: column; } }
.component-2947 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2947:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2947 { flex-direction: column; } }
.component-2948 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2948:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2948 { flex-direction: column; } }
.component-2949 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2949:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2949 { flex-direction: column; } }
.component-2950 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2950:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2950 { flex-direction: column; } }
.component-2951 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2951:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2951 { flex-direction: column; } }
.component-2952 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2952:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2952 { flex-direction: column; } }
.component-2953 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2953:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2953 { flex-direction: column; } }
.component-2954 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2954:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2954 { flex-direction: column; } }
.component-2955 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2955:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2955 { flex-direction: column; } }
.component-2956 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2956:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2956 { flex-direction: column; } }
.component-2957 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2957:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2957 { flex-direction: column; } }
.component-2958 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2958:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2958 { flex-direction: column; } }
.component-2959 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2959:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2959 { flex-direction: column; } }
.component-2960 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2960:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2960 { flex-direction: column; } }
.component-2961 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2961:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2961 { flex-direction: column; } }
.component-2962 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2962:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2962 { flex-direction: column; } }
.component-2963 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2963:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2963 { flex-direction: column; } }
.component-2964 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2964:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2964 { flex-direction: column; } }
.component-2965 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2965:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2965 { flex-direction: column; } }
.component-2966 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2966:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2966 { flex-direction: column; } }
.component-2967 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2967:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2967 { flex-direction: column; } }
.component-2968 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2968:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2968 { flex-direction: column; } }
.component-2969 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2969:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2969 { flex-direction: column; } }
.component-2970 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2970:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2970 { flex-direction: column; } }
.component-2971 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2971:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2971 { flex-direction: column; } }
.component-2972 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2972:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2972 { flex-direction: column; } }
.component-2973 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2973:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2973 { flex-direction: column; } }
.component-2974 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2974:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2974 { flex-direction: column; } }
.component-2975 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2975:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2975 { flex-direction: column; } }
.component-2976 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2976:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2976 { flex-direction: column; } }
.component-2977 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2977:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2977 { flex-direction: column; } }
.component-2978 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2978:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2978 { flex-direction: column; } }
.component-2979 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2979:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2979 { flex-direction: column; } }
.component-2980 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2980:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2980 { flex-direction: column; } }
.component-2981 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2981:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2981 { flex-direction: column; } }
.component-2982 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2982:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2982 { flex-direction: column; } }
.component-2983 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2983:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2983 { flex-direction: column; } }
.component-2984 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2984:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2984 { flex-direction: column; } }
.component-2985 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2985:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-2985 { flex-direction: column; } }
.component-2986 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2986:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-2986 { flex-direction: column; } }
.component-2987 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2987:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-2987 { flex-direction: column; } }
.component-2988 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2988:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-2988 { flex-direction: column; } }
.component-2989 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2989:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-2989 { flex-direction: column; } }
.component-2990 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-2990:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-2990 { flex-direction: column; } }
.component-2991 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-2991:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-2991 { flex-direction: column; } }
.component-2992 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-2992:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-2992 { flex-direction: column; } }
.component-2993 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-2993:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-2993 { flex-direction: column; } }
.component-2994 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-2994:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-2994 { flex-direction: column; } }
.component-2995 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-2995:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-2995 { flex-direction: column; } }
.component-2996 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-2996:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-2996 { flex-direction: column; } }
.component-2997 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-2997:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-2997 { flex-direction: column; } }
.component-2998 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-2998:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-2998 { flex-direction: column; } }
.component-2999 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-2999:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-2999 { flex-direction: column; } }
.component-3000 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3000:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3000 { flex-direction: column; } }
.component-3001 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3001:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3001 { flex-direction: column; } }
.component-3002 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3002:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3002 { flex-direction: column; } }
.component-3003 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3003:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3003 { flex-direction: column; } }
.component-3004 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3004:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3004 { flex-direction: column; } }
.component-3005 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3005:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3005 { flex-direction: column; } }
.component-3006 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3006:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3006 { flex-direction: column; } }
.component-3007 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3007:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3007 { flex-direction: column; } }
.component-3008 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3008:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3008 { flex-direction: column; } }
.component-3009 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3009:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3009 { flex-direction: column; } }
.component-3010 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3010:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3010 { flex-direction: column; } }
.component-3011 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3011:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3011 { flex-direction: column; } }
.component-3012 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3012:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3012 { flex-direction: column; } }
.component-3013 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3013:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3013 { flex-direction: column; } }
.component-3014 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3014:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3014 { flex-direction: column; } }
.component-3015 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3015:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3015 { flex-direction: column; } }
.component-3016 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3016:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3016 { flex-direction: column; } }
.component-3017 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3017:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3017 { flex-direction: column; } }
.component-3018 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3018:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3018 { flex-direction: column; } }
.component-3019 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3019:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3019 { flex-direction: column; } }
.component-3020 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3020:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3020 { flex-direction: column; } }
.component-3021 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3021:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3021 { flex-direction: column; } }
.component-3022 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3022:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3022 { flex-direction: column; } }
.component-3023 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3023:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3023 { flex-direction: column; } }
.component-3024 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3024:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3024 { flex-direction: column; } }
.component-3025 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3025:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3025 { flex-direction: column; } }
.component-3026 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3026:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3026 { flex-direction: column; } }
.component-3027 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3027:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3027 { flex-direction: column; } }
.component-3028 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3028:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3028 { flex-direction: column; } }
.component-3029 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3029:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3029 { flex-direction: column; } }
.component-3030 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3030:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3030 { flex-direction: column; } }
.component-3031 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3031:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3031 { flex-direction: column; } }
.component-3032 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3032:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3032 { flex-direction: column; } }
.component-3033 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3033:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3033 { flex-direction: column; } }
.component-3034 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3034:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3034 { flex-direction: column; } }
.component-3035 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3035:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3035 { flex-direction: column; } }
.component-3036 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3036:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3036 { flex-direction: column; } }
.component-3037 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3037:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3037 { flex-direction: column; } }
.component-3038 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3038:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3038 { flex-direction: column; } }
.component-3039 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3039:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3039 { flex-direction: column; } }
.component-3040 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3040:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3040 { flex-direction: column; } }
.component-3041 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3041:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3041 { flex-direction: column; } }
.component-3042 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3042:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3042 { flex-direction: column; } }
.component-3043 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3043:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3043 { flex-direction: column; } }
.component-3044 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3044:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3044 { flex-direction: column; } }
.component-3045 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3045:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3045 { flex-direction: column; } }
.component-3046 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3046:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3046 { flex-direction: column; } }
.component-3047 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3047:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3047 { flex-direction: column; } }
.component-3048 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3048:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3048 { flex-direction: column; } }
.component-3049 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3049:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3049 { flex-direction: column; } }
.component-3050 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3050:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3050 { flex-direction: column; } }
.component-3051 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3051:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3051 { flex-direction: column; } }
.component-3052 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3052:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3052 { flex-direction: column; } }
.component-3053 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3053:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3053 { flex-direction: column; } }
.component-3054 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3054:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3054 { flex-direction: column; } }
.component-3055 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3055:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3055 { flex-direction: column; } }
.component-3056 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3056:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3056 { flex-direction: column; } }
.component-3057 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3057:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3057 { flex-direction: column; } }
.component-3058 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3058:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3058 { flex-direction: column; } }
.component-3059 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3059:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3059 { flex-direction: column; } }
.component-3060 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3060:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3060 { flex-direction: column; } }
.component-3061 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3061:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3061 { flex-direction: column; } }
.component-3062 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3062:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3062 { flex-direction: column; } }
.component-3063 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3063:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3063 { flex-direction: column; } }
.component-3064 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3064:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3064 { flex-direction: column; } }
.component-3065 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3065:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3065 { flex-direction: column; } }
.component-3066 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3066:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3066 { flex-direction: column; } }
.component-3067 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3067:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3067 { flex-direction: column; } }
.component-3068 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3068:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3068 { flex-direction: column; } }
.component-3069 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3069:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3069 { flex-direction: column; } }
.component-3070 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3070:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3070 { flex-direction: column; } }
.component-3071 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3071:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3071 { flex-direction: column; } }
.component-3072 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3072:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3072 { flex-direction: column; } }
.component-3073 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3073:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3073 { flex-direction: column; } }
.component-3074 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3074:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3074 { flex-direction: column; } }
.component-3075 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3075:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3075 { flex-direction: column; } }
.component-3076 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3076:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3076 { flex-direction: column; } }
.component-3077 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3077:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3077 { flex-direction: column; } }
.component-3078 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3078:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3078 { flex-direction: column; } }
.component-3079 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3079:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3079 { flex-direction: column; } }
.component-3080 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3080:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3080 { flex-direction: column; } }
.component-3081 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3081:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3081 { flex-direction: column; } }
.component-3082 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3082:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3082 { flex-direction: column; } }
.component-3083 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3083:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3083 { flex-direction: column; } }
.component-3084 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3084:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3084 { flex-direction: column; } }
.component-3085 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3085:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3085 { flex-direction: column; } }
.component-3086 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3086:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3086 { flex-direction: column; } }
.component-3087 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3087:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3087 { flex-direction: column; } }
.component-3088 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3088:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3088 { flex-direction: column; } }
.component-3089 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3089:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3089 { flex-direction: column; } }
.component-3090 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3090:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3090 { flex-direction: column; } }
.component-3091 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3091:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3091 { flex-direction: column; } }
.component-3092 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3092:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3092 { flex-direction: column; } }
.component-3093 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3093:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3093 { flex-direction: column; } }
.component-3094 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3094:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3094 { flex-direction: column; } }
.component-3095 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3095:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3095 { flex-direction: column; } }
.component-3096 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3096:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3096 { flex-direction: column; } }
.component-3097 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3097:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3097 { flex-direction: column; } }
.component-3098 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3098:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3098 { flex-direction: column; } }
.component-3099 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3099:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3099 { flex-direction: column; } }
.component-3100 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3100:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3100 { flex-direction: column; } }
.component-3101 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3101:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3101 { flex-direction: column; } }
.component-3102 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3102:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3102 { flex-direction: column; } }
.component-3103 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3103:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3103 { flex-direction: column; } }
.component-3104 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3104:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3104 { flex-direction: column; } }
.component-3105 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3105:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3105 { flex-direction: column; } }
.component-3106 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3106:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3106 { flex-direction: column; } }
.component-3107 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3107:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3107 { flex-direction: column; } }
.component-3108 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3108:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3108 { flex-direction: column; } }
.component-3109 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3109:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3109 { flex-direction: column; } }
.component-3110 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3110:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3110 { flex-direction: column; } }
.component-3111 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3111:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3111 { flex-direction: column; } }
.component-3112 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3112:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3112 { flex-direction: column; } }
.component-3113 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3113:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3113 { flex-direction: column; } }
.component-3114 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3114:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3114 { flex-direction: column; } }
.component-3115 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3115:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3115 { flex-direction: column; } }
.component-3116 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3116:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3116 { flex-direction: column; } }
.component-3117 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3117:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3117 { flex-direction: column; } }
.component-3118 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3118:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3118 { flex-direction: column; } }
.component-3119 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3119:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3119 { flex-direction: column; } }
.component-3120 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3120:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3120 { flex-direction: column; } }
.component-3121 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3121:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3121 { flex-direction: column; } }
.component-3122 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3122:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3122 { flex-direction: column; } }
.component-3123 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3123:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3123 { flex-direction: column; } }
.component-3124 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3124:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3124 { flex-direction: column; } }
.component-3125 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3125:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3125 { flex-direction: column; } }
.component-3126 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3126:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3126 { flex-direction: column; } }
.component-3127 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3127:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3127 { flex-direction: column; } }
.component-3128 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3128:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3128 { flex-direction: column; } }
.component-3129 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3129:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3129 { flex-direction: column; } }
.component-3130 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3130:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3130 { flex-direction: column; } }
.component-3131 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3131:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3131 { flex-direction: column; } }
.component-3132 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3132:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3132 { flex-direction: column; } }
.component-3133 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3133:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3133 { flex-direction: column; } }
.component-3134 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3134:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3134 { flex-direction: column; } }
.component-3135 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3135:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3135 { flex-direction: column; } }
.component-3136 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3136:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3136 { flex-direction: column; } }
.component-3137 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3137:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3137 { flex-direction: column; } }
.component-3138 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3138:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3138 { flex-direction: column; } }
.component-3139 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3139:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3139 { flex-direction: column; } }
.component-3140 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3140:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3140 { flex-direction: column; } }
.component-3141 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3141:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3141 { flex-direction: column; } }
.component-3142 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3142:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3142 { flex-direction: column; } }
.component-3143 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3143:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3143 { flex-direction: column; } }
.component-3144 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3144:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3144 { flex-direction: column; } }
.component-3145 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3145:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3145 { flex-direction: column; } }
.component-3146 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3146:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3146 { flex-direction: column; } }
.component-3147 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3147:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3147 { flex-direction: column; } }
.component-3148 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3148:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3148 { flex-direction: column; } }
.component-3149 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3149:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3149 { flex-direction: column; } }
.component-3150 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3150:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3150 { flex-direction: column; } }
.component-3151 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3151:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3151 { flex-direction: column; } }
.component-3152 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3152:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3152 { flex-direction: column; } }
.component-3153 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3153:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3153 { flex-direction: column; } }
.component-3154 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3154:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3154 { flex-direction: column; } }
.component-3155 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3155:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3155 { flex-direction: column; } }
.component-3156 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3156:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3156 { flex-direction: column; } }
.component-3157 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3157:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3157 { flex-direction: column; } }
.component-3158 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3158:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3158 { flex-direction: column; } }
.component-3159 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3159:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3159 { flex-direction: column; } }
.component-3160 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3160:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3160 { flex-direction: column; } }
.component-3161 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3161:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3161 { flex-direction: column; } }
.component-3162 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3162:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3162 { flex-direction: column; } }
.component-3163 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3163:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3163 { flex-direction: column; } }
.component-3164 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3164:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3164 { flex-direction: column; } }
.component-3165 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3165:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3165 { flex-direction: column; } }
.component-3166 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3166:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3166 { flex-direction: column; } }
.component-3167 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3167:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3167 { flex-direction: column; } }
.component-3168 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3168:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3168 { flex-direction: column; } }
.component-3169 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3169:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3169 { flex-direction: column; } }
.component-3170 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3170:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3170 { flex-direction: column; } }
.component-3171 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3171:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3171 { flex-direction: column; } }
.component-3172 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3172:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3172 { flex-direction: column; } }
.component-3173 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3173:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3173 { flex-direction: column; } }
.component-3174 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3174:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3174 { flex-direction: column; } }
.component-3175 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3175:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3175 { flex-direction: column; } }
.component-3176 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3176:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3176 { flex-direction: column; } }
.component-3177 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3177:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3177 { flex-direction: column; } }
.component-3178 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3178:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3178 { flex-direction: column; } }
.component-3179 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3179:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3179 { flex-direction: column; } }
.component-3180 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3180:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3180 { flex-direction: column; } }
.component-3181 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3181:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3181 { flex-direction: column; } }
.component-3182 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3182:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3182 { flex-direction: column; } }
.component-3183 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3183:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3183 { flex-direction: column; } }
.component-3184 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3184:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3184 { flex-direction: column; } }
.component-3185 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3185:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3185 { flex-direction: column; } }
.component-3186 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3186:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3186 { flex-direction: column; } }
.component-3187 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3187:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3187 { flex-direction: column; } }
.component-3188 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3188:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3188 { flex-direction: column; } }
.component-3189 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3189:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3189 { flex-direction: column; } }
.component-3190 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3190:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3190 { flex-direction: column; } }
.component-3191 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3191:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3191 { flex-direction: column; } }
.component-3192 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3192:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3192 { flex-direction: column; } }
.component-3193 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3193:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3193 { flex-direction: column; } }
.component-3194 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3194:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3194 { flex-direction: column; } }
.component-3195 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3195:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3195 { flex-direction: column; } }
.component-3196 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3196:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3196 { flex-direction: column; } }
.component-3197 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3197:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3197 { flex-direction: column; } }
.component-3198 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3198:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3198 { flex-direction: column; } }
.component-3199 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3199:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3199 { flex-direction: column; } }
.component-3200 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3200:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3200 { flex-direction: column; } }
.component-3201 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3201:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3201 { flex-direction: column; } }
.component-3202 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3202:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3202 { flex-direction: column; } }
.component-3203 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3203:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3203 { flex-direction: column; } }
.component-3204 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3204:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3204 { flex-direction: column; } }
.component-3205 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3205:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3205 { flex-direction: column; } }
.component-3206 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3206:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3206 { flex-direction: column; } }
.component-3207 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3207:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3207 { flex-direction: column; } }
.component-3208 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3208:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3208 { flex-direction: column; } }
.component-3209 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3209:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3209 { flex-direction: column; } }
.component-3210 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3210:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3210 { flex-direction: column; } }
.component-3211 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3211:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3211 { flex-direction: column; } }
.component-3212 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3212:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3212 { flex-direction: column; } }
.component-3213 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3213:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3213 { flex-direction: column; } }
.component-3214 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3214:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3214 { flex-direction: column; } }
.component-3215 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3215:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3215 { flex-direction: column; } }
.component-3216 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3216:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3216 { flex-direction: column; } }
.component-3217 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3217:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3217 { flex-direction: column; } }
.component-3218 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3218:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3218 { flex-direction: column; } }
.component-3219 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3219:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3219 { flex-direction: column; } }
.component-3220 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3220:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3220 { flex-direction: column; } }
.component-3221 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3221:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3221 { flex-direction: column; } }
.component-3222 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3222:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3222 { flex-direction: column; } }
.component-3223 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3223:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3223 { flex-direction: column; } }
.component-3224 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3224:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3224 { flex-direction: column; } }
.component-3225 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3225:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3225 { flex-direction: column; } }
.component-3226 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3226:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3226 { flex-direction: column; } }
.component-3227 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3227:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3227 { flex-direction: column; } }
.component-3228 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3228:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3228 { flex-direction: column; } }
.component-3229 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3229:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3229 { flex-direction: column; } }
.component-3230 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3230:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3230 { flex-direction: column; } }
.component-3231 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3231:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3231 { flex-direction: column; } }
.component-3232 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3232:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3232 { flex-direction: column; } }
.component-3233 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3233:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3233 { flex-direction: column; } }
.component-3234 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3234:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3234 { flex-direction: column; } }
.component-3235 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3235:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3235 { flex-direction: column; } }
.component-3236 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3236:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3236 { flex-direction: column; } }
.component-3237 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3237:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3237 { flex-direction: column; } }
.component-3238 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3238:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3238 { flex-direction: column; } }
.component-3239 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3239:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3239 { flex-direction: column; } }
.component-3240 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3240:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3240 { flex-direction: column; } }
.component-3241 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3241:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3241 { flex-direction: column; } }
.component-3242 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3242:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3242 { flex-direction: column; } }
.component-3243 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3243:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3243 { flex-direction: column; } }
.component-3244 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3244:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3244 { flex-direction: column; } }
.component-3245 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3245:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3245 { flex-direction: column; } }
.component-3246 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3246:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3246 { flex-direction: column; } }
.component-3247 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3247:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3247 { flex-direction: column; } }
.component-3248 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3248:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3248 { flex-direction: column; } }
.component-3249 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3249:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3249 { flex-direction: column; } }
.component-3250 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3250:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3250 { flex-direction: column; } }
.component-3251 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3251:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3251 { flex-direction: column; } }
.component-3252 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3252:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3252 { flex-direction: column; } }
.component-3253 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3253:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3253 { flex-direction: column; } }
.component-3254 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3254:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3254 { flex-direction: column; } }
.component-3255 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3255:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3255 { flex-direction: column; } }
.component-3256 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3256:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3256 { flex-direction: column; } }
.component-3257 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3257:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3257 { flex-direction: column; } }
.component-3258 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3258:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3258 { flex-direction: column; } }
.component-3259 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3259:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3259 { flex-direction: column; } }
.component-3260 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3260:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3260 { flex-direction: column; } }
.component-3261 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3261:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3261 { flex-direction: column; } }
.component-3262 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3262:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3262 { flex-direction: column; } }
.component-3263 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3263:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3263 { flex-direction: column; } }
.component-3264 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3264:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3264 { flex-direction: column; } }
.component-3265 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3265:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3265 { flex-direction: column; } }
.component-3266 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3266:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3266 { flex-direction: column; } }
.component-3267 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3267:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3267 { flex-direction: column; } }
.component-3268 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3268:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3268 { flex-direction: column; } }
.component-3269 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3269:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3269 { flex-direction: column; } }
.component-3270 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3270:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3270 { flex-direction: column; } }
.component-3271 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3271:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3271 { flex-direction: column; } }
.component-3272 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3272:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3272 { flex-direction: column; } }
.component-3273 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3273:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3273 { flex-direction: column; } }
.component-3274 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3274:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3274 { flex-direction: column; } }
.component-3275 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3275:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3275 { flex-direction: column; } }
.component-3276 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3276:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3276 { flex-direction: column; } }
.component-3277 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3277:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3277 { flex-direction: column; } }
.component-3278 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3278:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3278 { flex-direction: column; } }
.component-3279 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3279:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3279 { flex-direction: column; } }
.component-3280 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3280:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3280 { flex-direction: column; } }
.component-3281 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3281:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3281 { flex-direction: column; } }
.component-3282 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3282:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3282 { flex-direction: column; } }
.component-3283 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3283:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3283 { flex-direction: column; } }
.component-3284 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3284:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3284 { flex-direction: column; } }
.component-3285 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3285:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3285 { flex-direction: column; } }
.component-3286 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3286:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3286 { flex-direction: column; } }
.component-3287 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3287:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3287 { flex-direction: column; } }
.component-3288 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3288:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3288 { flex-direction: column; } }
.component-3289 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3289:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3289 { flex-direction: column; } }
.component-3290 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3290:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3290 { flex-direction: column; } }
.component-3291 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3291:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3291 { flex-direction: column; } }
.component-3292 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3292:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3292 { flex-direction: column; } }
.component-3293 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3293:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3293 { flex-direction: column; } }
.component-3294 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3294:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3294 { flex-direction: column; } }
.component-3295 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3295:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3295 { flex-direction: column; } }
.component-3296 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3296:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3296 { flex-direction: column; } }
.component-3297 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3297:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3297 { flex-direction: column; } }
.component-3298 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3298:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3298 { flex-direction: column; } }
.component-3299 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3299:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3299 { flex-direction: column; } }
.component-3300 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3300:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3300 { flex-direction: column; } }
.component-3301 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3301:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3301 { flex-direction: column; } }
.component-3302 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3302:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3302 { flex-direction: column; } }
.component-3303 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3303:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3303 { flex-direction: column; } }
.component-3304 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3304:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3304 { flex-direction: column; } }
.component-3305 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3305:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3305 { flex-direction: column; } }
.component-3306 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3306:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3306 { flex-direction: column; } }
.component-3307 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3307:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3307 { flex-direction: column; } }
.component-3308 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3308:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3308 { flex-direction: column; } }
.component-3309 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3309:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3309 { flex-direction: column; } }
.component-3310 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3310:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3310 { flex-direction: column; } }
.component-3311 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3311:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3311 { flex-direction: column; } }
.component-3312 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3312:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3312 { flex-direction: column; } }
.component-3313 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3313:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3313 { flex-direction: column; } }
.component-3314 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3314:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3314 { flex-direction: column; } }
.component-3315 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3315:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3315 { flex-direction: column; } }
.component-3316 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3316:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3316 { flex-direction: column; } }
.component-3317 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3317:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3317 { flex-direction: column; } }
.component-3318 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3318:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3318 { flex-direction: column; } }
.component-3319 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3319:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3319 { flex-direction: column; } }
.component-3320 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3320:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3320 { flex-direction: column; } }
.component-3321 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3321:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3321 { flex-direction: column; } }
.component-3322 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3322:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3322 { flex-direction: column; } }
.component-3323 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3323:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3323 { flex-direction: column; } }
.component-3324 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3324:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3324 { flex-direction: column; } }
.component-3325 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3325:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3325 { flex-direction: column; } }
.component-3326 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3326:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3326 { flex-direction: column; } }
.component-3327 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3327:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3327 { flex-direction: column; } }
.component-3328 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3328:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3328 { flex-direction: column; } }
.component-3329 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3329:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3329 { flex-direction: column; } }
.component-3330 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3330:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3330 { flex-direction: column; } }
.component-3331 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3331:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3331 { flex-direction: column; } }
.component-3332 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3332:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3332 { flex-direction: column; } }
.component-3333 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3333:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3333 { flex-direction: column; } }
.component-3334 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3334:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3334 { flex-direction: column; } }
.component-3335 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3335:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3335 { flex-direction: column; } }
.component-3336 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3336:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3336 { flex-direction: column; } }
.component-3337 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3337:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3337 { flex-direction: column; } }
.component-3338 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3338:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3338 { flex-direction: column; } }
.component-3339 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3339:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3339 { flex-direction: column; } }
.component-3340 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3340:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3340 { flex-direction: column; } }
.component-3341 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3341:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3341 { flex-direction: column; } }
.component-3342 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3342:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3342 { flex-direction: column; } }
.component-3343 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3343:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3343 { flex-direction: column; } }
.component-3344 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3344:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3344 { flex-direction: column; } }
.component-3345 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3345:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3345 { flex-direction: column; } }
.component-3346 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3346:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3346 { flex-direction: column; } }
.component-3347 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3347:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3347 { flex-direction: column; } }
.component-3348 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3348:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3348 { flex-direction: column; } }
.component-3349 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3349:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3349 { flex-direction: column; } }
.component-3350 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3350:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3350 { flex-direction: column; } }
.component-3351 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3351:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3351 { flex-direction: column; } }
.component-3352 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3352:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3352 { flex-direction: column; } }
.component-3353 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3353:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3353 { flex-direction: column; } }
.component-3354 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3354:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3354 { flex-direction: column; } }
.component-3355 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3355:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3355 { flex-direction: column; } }
.component-3356 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3356:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3356 { flex-direction: column; } }
.component-3357 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3357:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3357 { flex-direction: column; } }
.component-3358 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3358:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3358 { flex-direction: column; } }
.component-3359 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3359:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3359 { flex-direction: column; } }
.component-3360 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3360:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3360 { flex-direction: column; } }
.component-3361 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3361:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3361 { flex-direction: column; } }
.component-3362 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3362:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3362 { flex-direction: column; } }
.component-3363 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3363:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3363 { flex-direction: column; } }
.component-3364 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3364:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3364 { flex-direction: column; } }
.component-3365 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3365:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3365 { flex-direction: column; } }
.component-3366 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3366:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3366 { flex-direction: column; } }
.component-3367 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3367:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3367 { flex-direction: column; } }
.component-3368 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3368:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3368 { flex-direction: column; } }
.component-3369 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3369:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3369 { flex-direction: column; } }
.component-3370 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3370:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3370 { flex-direction: column; } }
.component-3371 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3371:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3371 { flex-direction: column; } }
.component-3372 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3372:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3372 { flex-direction: column; } }
.component-3373 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3373:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3373 { flex-direction: column; } }
.component-3374 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3374:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3374 { flex-direction: column; } }
.component-3375 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3375:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3375 { flex-direction: column; } }
.component-3376 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3376:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3376 { flex-direction: column; } }
.component-3377 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3377:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3377 { flex-direction: column; } }
.component-3378 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3378:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3378 { flex-direction: column; } }
.component-3379 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3379:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3379 { flex-direction: column; } }
.component-3380 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3380:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3380 { flex-direction: column; } }
.component-3381 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3381:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3381 { flex-direction: column; } }
.component-3382 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3382:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3382 { flex-direction: column; } }
.component-3383 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3383:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3383 { flex-direction: column; } }
.component-3384 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3384:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3384 { flex-direction: column; } }
.component-3385 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3385:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3385 { flex-direction: column; } }
.component-3386 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3386:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3386 { flex-direction: column; } }
.component-3387 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3387:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3387 { flex-direction: column; } }
.component-3388 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3388:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3388 { flex-direction: column; } }
.component-3389 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3389:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3389 { flex-direction: column; } }
.component-3390 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3390:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3390 { flex-direction: column; } }
.component-3391 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3391:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3391 { flex-direction: column; } }
.component-3392 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3392:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3392 { flex-direction: column; } }
.component-3393 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3393:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3393 { flex-direction: column; } }
.component-3394 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3394:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3394 { flex-direction: column; } }
.component-3395 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3395:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3395 { flex-direction: column; } }
.component-3396 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3396:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3396 { flex-direction: column; } }
.component-3397 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3397:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3397 { flex-direction: column; } }
.component-3398 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3398:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3398 { flex-direction: column; } }
.component-3399 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3399:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3399 { flex-direction: column; } }
.component-3400 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3400:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3400 { flex-direction: column; } }
.component-3401 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3401:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3401 { flex-direction: column; } }
.component-3402 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3402:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3402 { flex-direction: column; } }
.component-3403 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3403:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3403 { flex-direction: column; } }
.component-3404 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3404:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3404 { flex-direction: column; } }
.component-3405 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3405:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3405 { flex-direction: column; } }
.component-3406 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3406:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3406 { flex-direction: column; } }
.component-3407 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3407:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3407 { flex-direction: column; } }
.component-3408 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3408:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3408 { flex-direction: column; } }
.component-3409 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3409:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3409 { flex-direction: column; } }
.component-3410 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3410:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3410 { flex-direction: column; } }
.component-3411 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3411:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3411 { flex-direction: column; } }
.component-3412 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3412:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3412 { flex-direction: column; } }
.component-3413 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3413:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3413 { flex-direction: column; } }
.component-3414 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3414:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3414 { flex-direction: column; } }
.component-3415 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3415:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3415 { flex-direction: column; } }
.component-3416 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3416:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3416 { flex-direction: column; } }
.component-3417 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3417:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3417 { flex-direction: column; } }
.component-3418 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3418:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3418 { flex-direction: column; } }
.component-3419 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3419:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3419 { flex-direction: column; } }
.component-3420 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3420:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3420 { flex-direction: column; } }
.component-3421 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3421:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3421 { flex-direction: column; } }
.component-3422 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3422:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3422 { flex-direction: column; } }
.component-3423 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3423:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3423 { flex-direction: column; } }
.component-3424 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3424:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3424 { flex-direction: column; } }
.component-3425 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3425:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3425 { flex-direction: column; } }
.component-3426 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3426:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3426 { flex-direction: column; } }
.component-3427 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3427:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3427 { flex-direction: column; } }
.component-3428 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3428:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3428 { flex-direction: column; } }
.component-3429 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3429:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3429 { flex-direction: column; } }
.component-3430 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3430:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3430 { flex-direction: column; } }
.component-3431 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3431:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3431 { flex-direction: column; } }
.component-3432 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3432:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3432 { flex-direction: column; } }
.component-3433 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3433:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3433 { flex-direction: column; } }
.component-3434 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3434:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3434 { flex-direction: column; } }
.component-3435 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3435:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3435 { flex-direction: column; } }
.component-3436 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3436:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3436 { flex-direction: column; } }
.component-3437 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3437:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3437 { flex-direction: column; } }
.component-3438 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3438:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3438 { flex-direction: column; } }
.component-3439 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3439:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3439 { flex-direction: column; } }
.component-3440 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3440:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3440 { flex-direction: column; } }
.component-3441 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3441:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3441 { flex-direction: column; } }
.component-3442 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3442:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3442 { flex-direction: column; } }
.component-3443 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3443:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3443 { flex-direction: column; } }
.component-3444 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3444:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3444 { flex-direction: column; } }
.component-3445 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3445:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3445 { flex-direction: column; } }
.component-3446 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3446:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3446 { flex-direction: column; } }
.component-3447 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3447:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3447 { flex-direction: column; } }
.component-3448 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3448:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3448 { flex-direction: column; } }
.component-3449 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3449:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3449 { flex-direction: column; } }
.component-3450 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3450:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3450 { flex-direction: column; } }
.component-3451 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3451:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3451 { flex-direction: column; } }
.component-3452 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3452:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3452 { flex-direction: column; } }
.component-3453 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3453:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3453 { flex-direction: column; } }
.component-3454 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3454:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3454 { flex-direction: column; } }
.component-3455 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3455:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3455 { flex-direction: column; } }
.component-3456 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3456:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3456 { flex-direction: column; } }
.component-3457 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3457:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3457 { flex-direction: column; } }
.component-3458 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3458:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3458 { flex-direction: column; } }
.component-3459 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3459:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3459 { flex-direction: column; } }
.component-3460 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3460:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3460 { flex-direction: column; } }
.component-3461 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3461:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3461 { flex-direction: column; } }
.component-3462 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3462:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3462 { flex-direction: column; } }
.component-3463 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3463:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3463 { flex-direction: column; } }
.component-3464 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3464:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3464 { flex-direction: column; } }
.component-3465 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3465:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3465 { flex-direction: column; } }
.component-3466 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3466:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3466 { flex-direction: column; } }
.component-3467 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3467:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3467 { flex-direction: column; } }
.component-3468 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3468:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3468 { flex-direction: column; } }
.component-3469 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3469:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3469 { flex-direction: column; } }
.component-3470 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3470:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3470 { flex-direction: column; } }
.component-3471 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3471:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3471 { flex-direction: column; } }
.component-3472 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3472:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3472 { flex-direction: column; } }
.component-3473 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3473:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3473 { flex-direction: column; } }
.component-3474 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3474:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3474 { flex-direction: column; } }
.component-3475 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3475:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3475 { flex-direction: column; } }
.component-3476 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3476:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3476 { flex-direction: column; } }
.component-3477 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3477:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3477 { flex-direction: column; } }
.component-3478 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3478:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3478 { flex-direction: column; } }
.component-3479 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3479:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3479 { flex-direction: column; } }
.component-3480 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3480:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3480 { flex-direction: column; } }
.component-3481 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3481:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3481 { flex-direction: column; } }
.component-3482 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3482:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3482 { flex-direction: column; } }
.component-3483 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3483:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3483 { flex-direction: column; } }
.component-3484 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3484:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3484 { flex-direction: column; } }
.component-3485 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3485:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3485 { flex-direction: column; } }
.component-3486 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3486:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3486 { flex-direction: column; } }
.component-3487 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3487:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3487 { flex-direction: column; } }
.component-3488 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3488:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3488 { flex-direction: column; } }
.component-3489 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3489:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3489 { flex-direction: column; } }
.component-3490 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3490:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3490 { flex-direction: column; } }
.component-3491 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3491:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3491 { flex-direction: column; } }
.component-3492 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3492:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3492 { flex-direction: column; } }
.component-3493 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3493:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3493 { flex-direction: column; } }
.component-3494 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3494:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3494 { flex-direction: column; } }
.component-3495 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3495:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3495 { flex-direction: column; } }
.component-3496 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3496:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3496 { flex-direction: column; } }
.component-3497 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3497:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3497 { flex-direction: column; } }
.component-3498 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3498:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3498 { flex-direction: column; } }
.component-3499 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3499:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3499 { flex-direction: column; } }
.component-3500 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3500:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3500 { flex-direction: column; } }
.component-3501 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3501:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3501 { flex-direction: column; } }
.component-3502 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3502:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3502 { flex-direction: column; } }
.component-3503 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3503:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3503 { flex-direction: column; } }
.component-3504 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3504:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3504 { flex-direction: column; } }
.component-3505 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3505:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3505 { flex-direction: column; } }
.component-3506 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3506:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3506 { flex-direction: column; } }
.component-3507 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3507:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3507 { flex-direction: column; } }
.component-3508 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3508:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3508 { flex-direction: column; } }
.component-3509 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3509:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3509 { flex-direction: column; } }
.component-3510 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3510:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3510 { flex-direction: column; } }
.component-3511 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3511:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3511 { flex-direction: column; } }
.component-3512 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3512:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3512 { flex-direction: column; } }
.component-3513 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3513:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3513 { flex-direction: column; } }
.component-3514 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3514:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3514 { flex-direction: column; } }
.component-3515 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3515:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3515 { flex-direction: column; } }
.component-3516 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3516:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3516 { flex-direction: column; } }
.component-3517 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3517:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3517 { flex-direction: column; } }
.component-3518 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3518:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3518 { flex-direction: column; } }
.component-3519 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3519:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3519 { flex-direction: column; } }
.component-3520 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3520:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3520 { flex-direction: column; } }
.component-3521 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3521:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3521 { flex-direction: column; } }
.component-3522 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3522:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3522 { flex-direction: column; } }
.component-3523 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3523:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3523 { flex-direction: column; } }
.component-3524 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3524:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3524 { flex-direction: column; } }
.component-3525 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3525:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3525 { flex-direction: column; } }
.component-3526 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3526:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3526 { flex-direction: column; } }
.component-3527 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3527:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3527 { flex-direction: column; } }
.component-3528 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3528:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3528 { flex-direction: column; } }
.component-3529 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3529:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3529 { flex-direction: column; } }
.component-3530 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3530:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3530 { flex-direction: column; } }
.component-3531 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3531:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3531 { flex-direction: column; } }
.component-3532 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3532:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3532 { flex-direction: column; } }
.component-3533 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3533:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3533 { flex-direction: column; } }
.component-3534 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3534:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3534 { flex-direction: column; } }
.component-3535 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3535:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3535 { flex-direction: column; } }
.component-3536 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3536:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3536 { flex-direction: column; } }
.component-3537 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3537:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3537 { flex-direction: column; } }
.component-3538 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3538:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3538 { flex-direction: column; } }
.component-3539 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3539:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3539 { flex-direction: column; } }
.component-3540 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3540:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3540 { flex-direction: column; } }
.component-3541 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3541:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3541 { flex-direction: column; } }
.component-3542 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3542:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3542 { flex-direction: column; } }
.component-3543 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3543:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3543 { flex-direction: column; } }
.component-3544 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3544:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3544 { flex-direction: column; } }
.component-3545 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3545:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3545 { flex-direction: column; } }
.component-3546 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3546:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3546 { flex-direction: column; } }
.component-3547 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3547:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3547 { flex-direction: column; } }
.component-3548 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3548:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3548 { flex-direction: column; } }
.component-3549 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3549:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3549 { flex-direction: column; } }
.component-3550 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3550:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3550 { flex-direction: column; } }
.component-3551 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3551:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3551 { flex-direction: column; } }
.component-3552 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3552:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3552 { flex-direction: column; } }
.component-3553 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3553:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3553 { flex-direction: column; } }
.component-3554 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3554:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3554 { flex-direction: column; } }
.component-3555 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3555:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3555 { flex-direction: column; } }
.component-3556 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3556:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3556 { flex-direction: column; } }
.component-3557 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3557:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3557 { flex-direction: column; } }
.component-3558 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3558:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3558 { flex-direction: column; } }
.component-3559 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3559:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3559 { flex-direction: column; } }
.component-3560 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3560:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3560 { flex-direction: column; } }
.component-3561 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3561:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3561 { flex-direction: column; } }
.component-3562 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3562:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3562 { flex-direction: column; } }
.component-3563 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3563:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3563 { flex-direction: column; } }
.component-3564 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3564:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3564 { flex-direction: column; } }
.component-3565 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3565:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3565 { flex-direction: column; } }
.component-3566 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3566:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3566 { flex-direction: column; } }
.component-3567 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3567:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3567 { flex-direction: column; } }
.component-3568 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3568:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3568 { flex-direction: column; } }
.component-3569 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3569:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3569 { flex-direction: column; } }
.component-3570 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3570:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3570 { flex-direction: column; } }
.component-3571 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3571:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3571 { flex-direction: column; } }
.component-3572 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3572:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3572 { flex-direction: column; } }
.component-3573 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3573:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3573 { flex-direction: column; } }
.component-3574 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3574:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3574 { flex-direction: column; } }
.component-3575 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3575:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3575 { flex-direction: column; } }
.component-3576 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3576:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3576 { flex-direction: column; } }
.component-3577 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3577:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3577 { flex-direction: column; } }
.component-3578 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3578:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3578 { flex-direction: column; } }
.component-3579 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3579:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3579 { flex-direction: column; } }
.component-3580 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3580:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3580 { flex-direction: column; } }
.component-3581 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3581:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3581 { flex-direction: column; } }
.component-3582 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3582:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3582 { flex-direction: column; } }
.component-3583 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3583:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3583 { flex-direction: column; } }
.component-3584 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3584:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3584 { flex-direction: column; } }
.component-3585 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3585:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3585 { flex-direction: column; } }
.component-3586 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3586:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3586 { flex-direction: column; } }
.component-3587 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3587:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3587 { flex-direction: column; } }
.component-3588 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3588:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3588 { flex-direction: column; } }
.component-3589 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3589:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3589 { flex-direction: column; } }
.component-3590 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3590:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3590 { flex-direction: column; } }
.component-3591 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3591:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3591 { flex-direction: column; } }
.component-3592 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3592:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3592 { flex-direction: column; } }
.component-3593 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3593:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3593 { flex-direction: column; } }
.component-3594 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3594:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3594 { flex-direction: column; } }
.component-3595 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3595:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3595 { flex-direction: column; } }
.component-3596 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3596:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3596 { flex-direction: column; } }
.component-3597 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3597:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3597 { flex-direction: column; } }
.component-3598 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3598:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3598 { flex-direction: column; } }
.component-3599 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3599:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3599 { flex-direction: column; } }
.component-3600 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3600:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3600 { flex-direction: column; } }
.component-3601 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3601:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3601 { flex-direction: column; } }
.component-3602 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3602:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3602 { flex-direction: column; } }
.component-3603 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3603:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3603 { flex-direction: column; } }
.component-3604 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3604:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3604 { flex-direction: column; } }
.component-3605 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3605:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3605 { flex-direction: column; } }
.component-3606 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3606:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3606 { flex-direction: column; } }
.component-3607 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3607:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3607 { flex-direction: column; } }
.component-3608 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3608:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3608 { flex-direction: column; } }
.component-3609 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3609:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3609 { flex-direction: column; } }
.component-3610 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3610:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3610 { flex-direction: column; } }
.component-3611 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3611:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3611 { flex-direction: column; } }
.component-3612 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3612:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3612 { flex-direction: column; } }
.component-3613 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3613:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3613 { flex-direction: column; } }
.component-3614 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3614:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3614 { flex-direction: column; } }
.component-3615 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3615:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3615 { flex-direction: column; } }
.component-3616 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3616:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3616 { flex-direction: column; } }
.component-3617 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3617:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3617 { flex-direction: column; } }
.component-3618 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3618:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3618 { flex-direction: column; } }
.component-3619 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3619:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3619 { flex-direction: column; } }
.component-3620 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3620:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3620 { flex-direction: column; } }
.component-3621 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3621:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3621 { flex-direction: column; } }
.component-3622 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3622:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3622 { flex-direction: column; } }
.component-3623 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3623:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3623 { flex-direction: column; } }
.component-3624 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3624:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3624 { flex-direction: column; } }
.component-3625 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3625:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3625 { flex-direction: column; } }
.component-3626 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3626:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3626 { flex-direction: column; } }
.component-3627 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3627:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3627 { flex-direction: column; } }
.component-3628 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3628:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3628 { flex-direction: column; } }
.component-3629 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3629:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3629 { flex-direction: column; } }
.component-3630 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3630:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3630 { flex-direction: column; } }
.component-3631 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3631:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3631 { flex-direction: column; } }
.component-3632 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3632:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3632 { flex-direction: column; } }
.component-3633 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3633:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3633 { flex-direction: column; } }
.component-3634 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3634:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3634 { flex-direction: column; } }
.component-3635 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3635:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3635 { flex-direction: column; } }
.component-3636 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3636:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3636 { flex-direction: column; } }
.component-3637 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3637:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3637 { flex-direction: column; } }
.component-3638 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3638:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3638 { flex-direction: column; } }
.component-3639 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3639:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3639 { flex-direction: column; } }
.component-3640 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3640:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3640 { flex-direction: column; } }
.component-3641 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3641:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3641 { flex-direction: column; } }
.component-3642 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3642:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3642 { flex-direction: column; } }
.component-3643 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3643:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3643 { flex-direction: column; } }
.component-3644 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3644:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3644 { flex-direction: column; } }
.component-3645 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3645:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3645 { flex-direction: column; } }
.component-3646 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3646:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3646 { flex-direction: column; } }
.component-3647 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3647:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3647 { flex-direction: column; } }
.component-3648 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3648:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3648 { flex-direction: column; } }
.component-3649 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3649:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3649 { flex-direction: column; } }
.component-3650 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3650:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3650 { flex-direction: column; } }
.component-3651 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3651:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3651 { flex-direction: column; } }
.component-3652 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3652:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3652 { flex-direction: column; } }
.component-3653 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3653:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3653 { flex-direction: column; } }
.component-3654 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3654:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3654 { flex-direction: column; } }
.component-3655 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3655:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3655 { flex-direction: column; } }
.component-3656 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3656:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3656 { flex-direction: column; } }
.component-3657 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3657:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3657 { flex-direction: column; } }
.component-3658 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3658:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3658 { flex-direction: column; } }
.component-3659 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3659:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3659 { flex-direction: column; } }
.component-3660 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3660:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3660 { flex-direction: column; } }
.component-3661 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3661:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3661 { flex-direction: column; } }
.component-3662 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3662:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3662 { flex-direction: column; } }
.component-3663 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3663:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3663 { flex-direction: column; } }
.component-3664 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3664:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3664 { flex-direction: column; } }
.component-3665 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3665:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3665 { flex-direction: column; } }
.component-3666 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3666:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3666 { flex-direction: column; } }
.component-3667 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3667:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3667 { flex-direction: column; } }
.component-3668 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3668:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3668 { flex-direction: column; } }
.component-3669 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3669:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3669 { flex-direction: column; } }
.component-3670 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3670:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3670 { flex-direction: column; } }
.component-3671 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3671:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3671 { flex-direction: column; } }
.component-3672 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3672:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3672 { flex-direction: column; } }
.component-3673 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3673:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3673 { flex-direction: column; } }
.component-3674 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3674:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3674 { flex-direction: column; } }
.component-3675 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3675:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3675 { flex-direction: column; } }
.component-3676 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3676:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3676 { flex-direction: column; } }
.component-3677 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3677:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3677 { flex-direction: column; } }
.component-3678 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3678:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3678 { flex-direction: column; } }
.component-3679 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3679:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3679 { flex-direction: column; } }
.component-3680 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3680:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3680 { flex-direction: column; } }
.component-3681 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3681:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3681 { flex-direction: column; } }
.component-3682 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3682:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3682 { flex-direction: column; } }
.component-3683 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3683:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3683 { flex-direction: column; } }
.component-3684 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3684:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3684 { flex-direction: column; } }
.component-3685 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3685:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3685 { flex-direction: column; } }
.component-3686 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3686:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3686 { flex-direction: column; } }
.component-3687 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3687:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3687 { flex-direction: column; } }
.component-3688 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3688:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3688 { flex-direction: column; } }
.component-3689 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3689:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3689 { flex-direction: column; } }
.component-3690 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3690:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3690 { flex-direction: column; } }
.component-3691 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3691:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3691 { flex-direction: column; } }
.component-3692 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3692:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3692 { flex-direction: column; } }
.component-3693 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3693:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3693 { flex-direction: column; } }
.component-3694 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3694:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3694 { flex-direction: column; } }
.component-3695 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3695:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3695 { flex-direction: column; } }
.component-3696 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3696:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3696 { flex-direction: column; } }
.component-3697 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3697:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3697 { flex-direction: column; } }
.component-3698 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3698:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3698 { flex-direction: column; } }
.component-3699 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3699:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3699 { flex-direction: column; } }
.component-3700 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3700:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3700 { flex-direction: column; } }
.component-3701 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3701:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3701 { flex-direction: column; } }
.component-3702 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3702:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3702 { flex-direction: column; } }
.component-3703 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3703:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3703 { flex-direction: column; } }
.component-3704 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3704:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3704 { flex-direction: column; } }
.component-3705 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3705:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3705 { flex-direction: column; } }
.component-3706 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3706:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3706 { flex-direction: column; } }
.component-3707 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3707:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3707 { flex-direction: column; } }
.component-3708 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3708:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3708 { flex-direction: column; } }
.component-3709 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3709:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3709 { flex-direction: column; } }
.component-3710 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3710:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3710 { flex-direction: column; } }
.component-3711 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3711:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3711 { flex-direction: column; } }
.component-3712 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3712:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3712 { flex-direction: column; } }
.component-3713 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3713:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3713 { flex-direction: column; } }
.component-3714 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3714:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3714 { flex-direction: column; } }
.component-3715 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3715:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3715 { flex-direction: column; } }
.component-3716 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3716:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3716 { flex-direction: column; } }
.component-3717 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3717:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3717 { flex-direction: column; } }
.component-3718 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3718:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3718 { flex-direction: column; } }
.component-3719 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3719:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3719 { flex-direction: column; } }
.component-3720 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3720:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3720 { flex-direction: column; } }
.component-3721 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3721:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3721 { flex-direction: column; } }
.component-3722 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3722:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3722 { flex-direction: column; } }
.component-3723 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3723:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3723 { flex-direction: column; } }
.component-3724 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3724:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3724 { flex-direction: column; } }
.component-3725 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3725:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3725 { flex-direction: column; } }
.component-3726 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3726:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3726 { flex-direction: column; } }
.component-3727 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3727:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3727 { flex-direction: column; } }
.component-3728 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3728:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3728 { flex-direction: column; } }
.component-3729 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3729:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3729 { flex-direction: column; } }
.component-3730 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3730:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3730 { flex-direction: column; } }
.component-3731 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3731:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3731 { flex-direction: column; } }
.component-3732 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3732:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3732 { flex-direction: column; } }
.component-3733 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3733:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3733 { flex-direction: column; } }
.component-3734 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3734:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3734 { flex-direction: column; } }
.component-3735 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3735:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3735 { flex-direction: column; } }
.component-3736 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3736:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3736 { flex-direction: column; } }
.component-3737 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3737:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3737 { flex-direction: column; } }
.component-3738 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3738:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3738 { flex-direction: column; } }
.component-3739 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3739:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3739 { flex-direction: column; } }
.component-3740 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3740:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3740 { flex-direction: column; } }
.component-3741 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3741:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3741 { flex-direction: column; } }
.component-3742 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3742:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3742 { flex-direction: column; } }
.component-3743 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3743:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3743 { flex-direction: column; } }
.component-3744 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3744:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3744 { flex-direction: column; } }
.component-3745 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3745:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3745 { flex-direction: column; } }
.component-3746 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3746:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3746 { flex-direction: column; } }
.component-3747 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3747:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3747 { flex-direction: column; } }
.component-3748 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3748:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3748 { flex-direction: column; } }
.component-3749 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3749:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3749 { flex-direction: column; } }
.component-3750 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3750:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3750 { flex-direction: column; } }
.component-3751 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3751:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3751 { flex-direction: column; } }
.component-3752 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3752:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3752 { flex-direction: column; } }
.component-3753 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3753:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3753 { flex-direction: column; } }
.component-3754 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3754:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3754 { flex-direction: column; } }
.component-3755 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3755:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3755 { flex-direction: column; } }
.component-3756 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3756:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3756 { flex-direction: column; } }
.component-3757 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3757:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3757 { flex-direction: column; } }
.component-3758 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3758:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3758 { flex-direction: column; } }
.component-3759 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3759:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3759 { flex-direction: column; } }
.component-3760 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3760:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3760 { flex-direction: column; } }
.component-3761 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3761:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3761 { flex-direction: column; } }
.component-3762 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3762:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3762 { flex-direction: column; } }
.component-3763 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3763:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3763 { flex-direction: column; } }
.component-3764 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3764:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3764 { flex-direction: column; } }
.component-3765 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3765:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3765 { flex-direction: column; } }
.component-3766 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3766:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3766 { flex-direction: column; } }
.component-3767 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3767:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3767 { flex-direction: column; } }
.component-3768 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3768:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3768 { flex-direction: column; } }
.component-3769 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3769:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3769 { flex-direction: column; } }
.component-3770 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3770:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3770 { flex-direction: column; } }
.component-3771 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3771:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3771 { flex-direction: column; } }
.component-3772 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3772:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3772 { flex-direction: column; } }
.component-3773 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3773:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3773 { flex-direction: column; } }
.component-3774 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3774:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3774 { flex-direction: column; } }
.component-3775 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3775:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3775 { flex-direction: column; } }
.component-3776 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3776:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3776 { flex-direction: column; } }
.component-3777 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3777:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3777 { flex-direction: column; } }
.component-3778 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3778:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3778 { flex-direction: column; } }
.component-3779 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3779:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3779 { flex-direction: column; } }
.component-3780 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3780:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3780 { flex-direction: column; } }
.component-3781 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3781:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3781 { flex-direction: column; } }
.component-3782 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3782:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3782 { flex-direction: column; } }
.component-3783 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3783:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3783 { flex-direction: column; } }
.component-3784 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3784:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3784 { flex-direction: column; } }
.component-3785 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3785:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3785 { flex-direction: column; } }
.component-3786 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3786:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3786 { flex-direction: column; } }
.component-3787 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3787:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3787 { flex-direction: column; } }
.component-3788 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3788:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3788 { flex-direction: column; } }
.component-3789 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3789:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3789 { flex-direction: column; } }
.component-3790 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3790:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3790 { flex-direction: column; } }
.component-3791 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3791:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3791 { flex-direction: column; } }
.component-3792 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3792:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3792 { flex-direction: column; } }
.component-3793 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3793:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3793 { flex-direction: column; } }
.component-3794 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3794:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3794 { flex-direction: column; } }
.component-3795 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3795:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3795 { flex-direction: column; } }
.component-3796 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3796:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3796 { flex-direction: column; } }
.component-3797 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3797:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3797 { flex-direction: column; } }
.component-3798 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3798:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3798 { flex-direction: column; } }
.component-3799 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3799:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3799 { flex-direction: column; } }
.component-3800 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3800:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3800 { flex-direction: column; } }
.component-3801 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3801:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3801 { flex-direction: column; } }
.component-3802 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3802:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3802 { flex-direction: column; } }
.component-3803 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3803:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3803 { flex-direction: column; } }
.component-3804 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3804:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3804 { flex-direction: column; } }
.component-3805 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3805:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3805 { flex-direction: column; } }
.component-3806 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3806:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3806 { flex-direction: column; } }
.component-3807 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3807:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3807 { flex-direction: column; } }
.component-3808 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3808:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3808 { flex-direction: column; } }
.component-3809 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3809:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3809 { flex-direction: column; } }
.component-3810 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3810:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3810 { flex-direction: column; } }
.component-3811 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3811:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3811 { flex-direction: column; } }
.component-3812 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3812:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3812 { flex-direction: column; } }
.component-3813 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3813:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3813 { flex-direction: column; } }
.component-3814 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3814:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3814 { flex-direction: column; } }
.component-3815 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3815:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3815 { flex-direction: column; } }
.component-3816 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3816:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3816 { flex-direction: column; } }
.component-3817 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3817:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3817 { flex-direction: column; } }
.component-3818 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3818:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3818 { flex-direction: column; } }
.component-3819 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3819:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3819 { flex-direction: column; } }
.component-3820 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3820:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3820 { flex-direction: column; } }
.component-3821 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3821:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3821 { flex-direction: column; } }
.component-3822 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3822:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3822 { flex-direction: column; } }
.component-3823 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3823:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3823 { flex-direction: column; } }
.component-3824 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3824:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3824 { flex-direction: column; } }
.component-3825 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3825:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3825 { flex-direction: column; } }
.component-3826 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3826:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3826 { flex-direction: column; } }
.component-3827 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3827:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3827 { flex-direction: column; } }
.component-3828 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3828:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3828 { flex-direction: column; } }
.component-3829 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3829:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3829 { flex-direction: column; } }
.component-3830 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3830:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3830 { flex-direction: column; } }
.component-3831 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3831:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3831 { flex-direction: column; } }
.component-3832 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3832:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3832 { flex-direction: column; } }
.component-3833 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3833:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3833 { flex-direction: column; } }
.component-3834 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3834:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3834 { flex-direction: column; } }
.component-3835 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3835:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3835 { flex-direction: column; } }
.component-3836 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3836:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3836 { flex-direction: column; } }
.component-3837 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3837:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3837 { flex-direction: column; } }
.component-3838 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3838:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3838 { flex-direction: column; } }
.component-3839 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3839:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3839 { flex-direction: column; } }
.component-3840 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3840:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3840 { flex-direction: column; } }
.component-3841 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3841:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3841 { flex-direction: column; } }
.component-3842 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3842:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3842 { flex-direction: column; } }
.component-3843 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3843:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3843 { flex-direction: column; } }
.component-3844 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3844:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3844 { flex-direction: column; } }
.component-3845 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3845:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3845 { flex-direction: column; } }
.component-3846 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3846:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3846 { flex-direction: column; } }
.component-3847 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3847:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3847 { flex-direction: column; } }
.component-3848 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3848:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3848 { flex-direction: column; } }
.component-3849 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3849:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3849 { flex-direction: column; } }
.component-3850 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3850:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3850 { flex-direction: column; } }
.component-3851 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3851:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3851 { flex-direction: column; } }
.component-3852 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3852:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3852 { flex-direction: column; } }
.component-3853 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3853:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3853 { flex-direction: column; } }
.component-3854 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3854:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3854 { flex-direction: column; } }
.component-3855 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3855:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3855 { flex-direction: column; } }
.component-3856 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3856:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3856 { flex-direction: column; } }
.component-3857 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3857:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3857 { flex-direction: column; } }
.component-3858 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3858:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3858 { flex-direction: column; } }
.component-3859 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3859:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3859 { flex-direction: column; } }
.component-3860 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3860:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3860 { flex-direction: column; } }
.component-3861 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3861:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3861 { flex-direction: column; } }
.component-3862 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3862:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3862 { flex-direction: column; } }
.component-3863 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3863:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3863 { flex-direction: column; } }
.component-3864 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3864:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3864 { flex-direction: column; } }
.component-3865 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3865:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3865 { flex-direction: column; } }
.component-3866 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3866:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3866 { flex-direction: column; } }
.component-3867 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3867:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3867 { flex-direction: column; } }
.component-3868 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3868:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3868 { flex-direction: column; } }
.component-3869 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3869:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3869 { flex-direction: column; } }
.component-3870 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3870:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3870 { flex-direction: column; } }
.component-3871 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3871:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3871 { flex-direction: column; } }
.component-3872 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3872:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3872 { flex-direction: column; } }
.component-3873 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3873:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3873 { flex-direction: column; } }
.component-3874 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3874:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3874 { flex-direction: column; } }
.component-3875 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3875:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3875 { flex-direction: column; } }
.component-3876 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3876:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3876 { flex-direction: column; } }
.component-3877 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3877:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3877 { flex-direction: column; } }
.component-3878 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3878:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3878 { flex-direction: column; } }
.component-3879 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3879:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3879 { flex-direction: column; } }
.component-3880 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3880:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3880 { flex-direction: column; } }
.component-3881 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3881:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3881 { flex-direction: column; } }
.component-3882 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3882:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3882 { flex-direction: column; } }
.component-3883 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3883:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3883 { flex-direction: column; } }
.component-3884 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3884:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3884 { flex-direction: column; } }
.component-3885 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3885:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3885 { flex-direction: column; } }
.component-3886 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3886:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3886 { flex-direction: column; } }
.component-3887 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3887:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3887 { flex-direction: column; } }
.component-3888 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3888:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3888 { flex-direction: column; } }
.component-3889 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3889:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3889 { flex-direction: column; } }
.component-3890 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3890:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3890 { flex-direction: column; } }
.component-3891 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3891:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3891 { flex-direction: column; } }
.component-3892 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3892:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3892 { flex-direction: column; } }
.component-3893 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3893:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3893 { flex-direction: column; } }
.component-3894 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3894:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3894 { flex-direction: column; } }
.component-3895 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3895:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3895 { flex-direction: column; } }
.component-3896 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3896:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3896 { flex-direction: column; } }
.component-3897 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3897:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3897 { flex-direction: column; } }
.component-3898 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3898:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3898 { flex-direction: column; } }
.component-3899 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3899:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3899 { flex-direction: column; } }
.component-3900 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3900:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3900 { flex-direction: column; } }
.component-3901 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3901:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3901 { flex-direction: column; } }
.component-3902 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3902:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3902 { flex-direction: column; } }
.component-3903 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3903:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3903 { flex-direction: column; } }
.component-3904 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3904:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3904 { flex-direction: column; } }
.component-3905 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3905:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3905 { flex-direction: column; } }
.component-3906 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3906:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3906 { flex-direction: column; } }
.component-3907 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3907:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3907 { flex-direction: column; } }
.component-3908 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3908:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3908 { flex-direction: column; } }
.component-3909 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3909:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3909 { flex-direction: column; } }
.component-3910 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3910:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3910 { flex-direction: column; } }
.component-3911 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3911:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3911 { flex-direction: column; } }
.component-3912 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3912:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3912 { flex-direction: column; } }
.component-3913 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3913:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3913 { flex-direction: column; } }
.component-3914 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3914:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3914 { flex-direction: column; } }
.component-3915 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3915:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3915 { flex-direction: column; } }
.component-3916 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3916:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3916 { flex-direction: column; } }
.component-3917 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3917:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3917 { flex-direction: column; } }
.component-3918 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3918:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3918 { flex-direction: column; } }
.component-3919 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3919:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3919 { flex-direction: column; } }
.component-3920 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3920:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3920 { flex-direction: column; } }
.component-3921 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3921:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3921 { flex-direction: column; } }
.component-3922 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3922:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3922 { flex-direction: column; } }
.component-3923 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3923:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3923 { flex-direction: column; } }
.component-3924 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3924:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3924 { flex-direction: column; } }
.component-3925 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3925:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3925 { flex-direction: column; } }
.component-3926 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3926:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3926 { flex-direction: column; } }
.component-3927 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3927:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3927 { flex-direction: column; } }
.component-3928 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3928:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3928 { flex-direction: column; } }
.component-3929 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3929:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3929 { flex-direction: column; } }
.component-3930 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3930:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3930 { flex-direction: column; } }
.component-3931 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3931:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3931 { flex-direction: column; } }
.component-3932 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3932:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3932 { flex-direction: column; } }
.component-3933 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3933:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3933 { flex-direction: column; } }
.component-3934 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3934:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3934 { flex-direction: column; } }
.component-3935 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3935:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3935 { flex-direction: column; } }
.component-3936 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3936:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3936 { flex-direction: column; } }
.component-3937 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3937:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3937 { flex-direction: column; } }
.component-3938 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3938:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3938 { flex-direction: column; } }
.component-3939 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3939:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3939 { flex-direction: column; } }
.component-3940 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3940:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3940 { flex-direction: column; } }
.component-3941 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3941:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3941 { flex-direction: column; } }
.component-3942 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3942:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3942 { flex-direction: column; } }
.component-3943 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3943:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3943 { flex-direction: column; } }
.component-3944 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3944:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3944 { flex-direction: column; } }
.component-3945 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3945:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3945 { flex-direction: column; } }
.component-3946 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3946:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3946 { flex-direction: column; } }
.component-3947 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3947:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3947 { flex-direction: column; } }
.component-3948 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3948:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3948 { flex-direction: column; } }
.component-3949 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3949:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3949 { flex-direction: column; } }
.component-3950 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3950:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3950 { flex-direction: column; } }
.component-3951 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3951:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3951 { flex-direction: column; } }
.component-3952 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3952:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3952 { flex-direction: column; } }
.component-3953 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3953:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3953 { flex-direction: column; } }
.component-3954 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3954:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3954 { flex-direction: column; } }
.component-3955 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3955:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3955 { flex-direction: column; } }
.component-3956 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3956:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3956 { flex-direction: column; } }
.component-3957 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3957:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3957 { flex-direction: column; } }
.component-3958 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3958:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3958 { flex-direction: column; } }
.component-3959 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3959:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3959 { flex-direction: column; } }
.component-3960 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3960:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3960 { flex-direction: column; } }
.component-3961 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3961:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3961 { flex-direction: column; } }
.component-3962 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3962:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3962 { flex-direction: column; } }
.component-3963 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3963:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3963 { flex-direction: column; } }
.component-3964 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3964:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3964 { flex-direction: column; } }
.component-3965 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3965:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3965 { flex-direction: column; } }
.component-3966 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3966:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3966 { flex-direction: column; } }
.component-3967 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3967:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3967 { flex-direction: column; } }
.component-3968 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3968:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3968 { flex-direction: column; } }
.component-3969 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3969:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3969 { flex-direction: column; } }
.component-3970 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3970:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3970 { flex-direction: column; } }
.component-3971 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3971:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3971 { flex-direction: column; } }
.component-3972 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3972:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3972 { flex-direction: column; } }
.component-3973 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3973:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3973 { flex-direction: column; } }
.component-3974 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3974:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3974 { flex-direction: column; } }
.component-3975 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3975:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3975 { flex-direction: column; } }
.component-3976 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3976:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3976 { flex-direction: column; } }
.component-3977 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3977:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3977 { flex-direction: column; } }
.component-3978 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3978:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3978 { flex-direction: column; } }
.component-3979 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3979:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3979 { flex-direction: column; } }
.component-3980 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3980:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3980 { flex-direction: column; } }
.component-3981 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3981:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3981 { flex-direction: column; } }
.component-3982 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3982:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3982 { flex-direction: column; } }
.component-3983 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3983:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3983 { flex-direction: column; } }
.component-3984 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3984:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3984 { flex-direction: column; } }
.component-3985 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3985:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-3985 { flex-direction: column; } }
.component-3986 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3986:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-3986 { flex-direction: column; } }
.component-3987 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3987:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-3987 { flex-direction: column; } }
.component-3988 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3988:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-3988 { flex-direction: column; } }
.component-3989 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3989:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-3989 { flex-direction: column; } }
.component-3990 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-3990:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-3990 { flex-direction: column; } }
.component-3991 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-3991:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-3991 { flex-direction: column; } }
.component-3992 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-3992:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-3992 { flex-direction: column; } }
.component-3993 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-3993:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-3993 { flex-direction: column; } }
.component-3994 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-3994:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-3994 { flex-direction: column; } }
.component-3995 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-3995:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-3995 { flex-direction: column; } }
.component-3996 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-3996:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-3996 { flex-direction: column; } }
.component-3997 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-3997:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-3997 { flex-direction: column; } }
.component-3998 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-3998:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-3998 { flex-direction: column; } }
.component-3999 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-3999:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-3999 { flex-direction: column; } }
.component-4000 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4000:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4000 { flex-direction: column; } }
.component-4001 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4001:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4001 { flex-direction: column; } }
.component-4002 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4002:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4002 { flex-direction: column; } }
.component-4003 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4003:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4003 { flex-direction: column; } }
.component-4004 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4004:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4004 { flex-direction: column; } }
.component-4005 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4005:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4005 { flex-direction: column; } }
.component-4006 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4006:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4006 { flex-direction: column; } }
.component-4007 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4007:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4007 { flex-direction: column; } }
.component-4008 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4008:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4008 { flex-direction: column; } }
.component-4009 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4009:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4009 { flex-direction: column; } }
.component-4010 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4010:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4010 { flex-direction: column; } }
.component-4011 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4011:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4011 { flex-direction: column; } }
.component-4012 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4012:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4012 { flex-direction: column; } }
.component-4013 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4013:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4013 { flex-direction: column; } }
.component-4014 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4014:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4014 { flex-direction: column; } }
.component-4015 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4015:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4015 { flex-direction: column; } }
.component-4016 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4016:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4016 { flex-direction: column; } }
.component-4017 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4017:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4017 { flex-direction: column; } }
.component-4018 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4018:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4018 { flex-direction: column; } }
.component-4019 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4019:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4019 { flex-direction: column; } }
.component-4020 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4020:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4020 { flex-direction: column; } }
.component-4021 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4021:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4021 { flex-direction: column; } }
.component-4022 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4022:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4022 { flex-direction: column; } }
.component-4023 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4023:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4023 { flex-direction: column; } }
.component-4024 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4024:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4024 { flex-direction: column; } }
.component-4025 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4025:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4025 { flex-direction: column; } }
.component-4026 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4026:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4026 { flex-direction: column; } }
.component-4027 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4027:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4027 { flex-direction: column; } }
.component-4028 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4028:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4028 { flex-direction: column; } }
.component-4029 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4029:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4029 { flex-direction: column; } }
.component-4030 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4030:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4030 { flex-direction: column; } }
.component-4031 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4031:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4031 { flex-direction: column; } }
.component-4032 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4032:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4032 { flex-direction: column; } }
.component-4033 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4033:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4033 { flex-direction: column; } }
.component-4034 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4034:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4034 { flex-direction: column; } }
.component-4035 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4035:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4035 { flex-direction: column; } }
.component-4036 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4036:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4036 { flex-direction: column; } }
.component-4037 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4037:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4037 { flex-direction: column; } }
.component-4038 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4038:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4038 { flex-direction: column; } }
.component-4039 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4039:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4039 { flex-direction: column; } }
.component-4040 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4040:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4040 { flex-direction: column; } }
.component-4041 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4041:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4041 { flex-direction: column; } }
.component-4042 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4042:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4042 { flex-direction: column; } }
.component-4043 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4043:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4043 { flex-direction: column; } }
.component-4044 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4044:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4044 { flex-direction: column; } }
.component-4045 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4045:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4045 { flex-direction: column; } }
.component-4046 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4046:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4046 { flex-direction: column; } }
.component-4047 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4047:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4047 { flex-direction: column; } }
.component-4048 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4048:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4048 { flex-direction: column; } }
.component-4049 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4049:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4049 { flex-direction: column; } }
.component-4050 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4050:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4050 { flex-direction: column; } }
.component-4051 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4051:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4051 { flex-direction: column; } }
.component-4052 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4052:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4052 { flex-direction: column; } }
.component-4053 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4053:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4053 { flex-direction: column; } }
.component-4054 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4054:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4054 { flex-direction: column; } }
.component-4055 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4055:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4055 { flex-direction: column; } }
.component-4056 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4056:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4056 { flex-direction: column; } }
.component-4057 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4057:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4057 { flex-direction: column; } }
.component-4058 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4058:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4058 { flex-direction: column; } }
.component-4059 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4059:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4059 { flex-direction: column; } }
.component-4060 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4060:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4060 { flex-direction: column; } }
.component-4061 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4061:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4061 { flex-direction: column; } }
.component-4062 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4062:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4062 { flex-direction: column; } }
.component-4063 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4063:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4063 { flex-direction: column; } }
.component-4064 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4064:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4064 { flex-direction: column; } }
.component-4065 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4065:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4065 { flex-direction: column; } }
.component-4066 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4066:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4066 { flex-direction: column; } }
.component-4067 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4067:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4067 { flex-direction: column; } }
.component-4068 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4068:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4068 { flex-direction: column; } }
.component-4069 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4069:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4069 { flex-direction: column; } }
.component-4070 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4070:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4070 { flex-direction: column; } }
.component-4071 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4071:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4071 { flex-direction: column; } }
.component-4072 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4072:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4072 { flex-direction: column; } }
.component-4073 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4073:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4073 { flex-direction: column; } }
.component-4074 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4074:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4074 { flex-direction: column; } }
.component-4075 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4075:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4075 { flex-direction: column; } }
.component-4076 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4076:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4076 { flex-direction: column; } }
.component-4077 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4077:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4077 { flex-direction: column; } }
.component-4078 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4078:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4078 { flex-direction: column; } }
.component-4079 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4079:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4079 { flex-direction: column; } }
.component-4080 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4080:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4080 { flex-direction: column; } }
.component-4081 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4081:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4081 { flex-direction: column; } }
.component-4082 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4082:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4082 { flex-direction: column; } }
.component-4083 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4083:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4083 { flex-direction: column; } }
.component-4084 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4084:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4084 { flex-direction: column; } }
.component-4085 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4085:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4085 { flex-direction: column; } }
.component-4086 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4086:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4086 { flex-direction: column; } }
.component-4087 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4087:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4087 { flex-direction: column; } }
.component-4088 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4088:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4088 { flex-direction: column; } }
.component-4089 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4089:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4089 { flex-direction: column; } }
.component-4090 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4090:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4090 { flex-direction: column; } }
.component-4091 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4091:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4091 { flex-direction: column; } }
.component-4092 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4092:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4092 { flex-direction: column; } }
.component-4093 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4093:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4093 { flex-direction: column; } }
.component-4094 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4094:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4094 { flex-direction: column; } }
.component-4095 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4095:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4095 { flex-direction: column; } }
.component-4096 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4096:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4096 { flex-direction: column; } }
.component-4097 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4097:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4097 { flex-direction: column; } }
.component-4098 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4098:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4098 { flex-direction: column; } }
.component-4099 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4099:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4099 { flex-direction: column; } }
.component-4100 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4100:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4100 { flex-direction: column; } }
.component-4101 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4101:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4101 { flex-direction: column; } }
.component-4102 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4102:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4102 { flex-direction: column; } }
.component-4103 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4103:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4103 { flex-direction: column; } }
.component-4104 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4104:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4104 { flex-direction: column; } }
.component-4105 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4105:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4105 { flex-direction: column; } }
.component-4106 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4106:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4106 { flex-direction: column; } }
.component-4107 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4107:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4107 { flex-direction: column; } }
.component-4108 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4108:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4108 { flex-direction: column; } }
.component-4109 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4109:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4109 { flex-direction: column; } }
.component-4110 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4110:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4110 { flex-direction: column; } }
.component-4111 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4111:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4111 { flex-direction: column; } }
.component-4112 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4112:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4112 { flex-direction: column; } }
.component-4113 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4113:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4113 { flex-direction: column; } }
.component-4114 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4114:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4114 { flex-direction: column; } }
.component-4115 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4115:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4115 { flex-direction: column; } }
.component-4116 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4116:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4116 { flex-direction: column; } }
.component-4117 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4117:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4117 { flex-direction: column; } }
.component-4118 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4118:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4118 { flex-direction: column; } }
.component-4119 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4119:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4119 { flex-direction: column; } }
.component-4120 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4120:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4120 { flex-direction: column; } }
.component-4121 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4121:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4121 { flex-direction: column; } }
.component-4122 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4122:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4122 { flex-direction: column; } }
.component-4123 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4123:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4123 { flex-direction: column; } }
.component-4124 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4124:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4124 { flex-direction: column; } }
.component-4125 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4125:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4125 { flex-direction: column; } }
.component-4126 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4126:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4126 { flex-direction: column; } }
.component-4127 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4127:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4127 { flex-direction: column; } }
.component-4128 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4128:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4128 { flex-direction: column; } }
.component-4129 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4129:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4129 { flex-direction: column; } }
.component-4130 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4130:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4130 { flex-direction: column; } }
.component-4131 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4131:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4131 { flex-direction: column; } }
.component-4132 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4132:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4132 { flex-direction: column; } }
.component-4133 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4133:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4133 { flex-direction: column; } }
.component-4134 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4134:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4134 { flex-direction: column; } }
.component-4135 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4135:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4135 { flex-direction: column; } }
.component-4136 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4136:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4136 { flex-direction: column; } }
.component-4137 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4137:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4137 { flex-direction: column; } }
.component-4138 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4138:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4138 { flex-direction: column; } }
.component-4139 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4139:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4139 { flex-direction: column; } }
.component-4140 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4140:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4140 { flex-direction: column; } }
.component-4141 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4141:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4141 { flex-direction: column; } }
.component-4142 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4142:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4142 { flex-direction: column; } }
.component-4143 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4143:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4143 { flex-direction: column; } }
.component-4144 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4144:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4144 { flex-direction: column; } }
.component-4145 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4145:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4145 { flex-direction: column; } }
.component-4146 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4146:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4146 { flex-direction: column; } }
.component-4147 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4147:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4147 { flex-direction: column; } }
.component-4148 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4148:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4148 { flex-direction: column; } }
.component-4149 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4149:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4149 { flex-direction: column; } }
.component-4150 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4150:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4150 { flex-direction: column; } }
.component-4151 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4151:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4151 { flex-direction: column; } }
.component-4152 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4152:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4152 { flex-direction: column; } }
.component-4153 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4153:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4153 { flex-direction: column; } }
.component-4154 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4154:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4154 { flex-direction: column; } }
.component-4155 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4155:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4155 { flex-direction: column; } }
.component-4156 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4156:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4156 { flex-direction: column; } }
.component-4157 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4157:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4157 { flex-direction: column; } }
.component-4158 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4158:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4158 { flex-direction: column; } }
.component-4159 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4159:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4159 { flex-direction: column; } }
.component-4160 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4160:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4160 { flex-direction: column; } }
.component-4161 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4161:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4161 { flex-direction: column; } }
.component-4162 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4162:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4162 { flex-direction: column; } }
.component-4163 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4163:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4163 { flex-direction: column; } }
.component-4164 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4164:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4164 { flex-direction: column; } }
.component-4165 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4165:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4165 { flex-direction: column; } }
.component-4166 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4166:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4166 { flex-direction: column; } }
.component-4167 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4167:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4167 { flex-direction: column; } }
.component-4168 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4168:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4168 { flex-direction: column; } }
.component-4169 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4169:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4169 { flex-direction: column; } }
.component-4170 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4170:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4170 { flex-direction: column; } }
.component-4171 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4171:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4171 { flex-direction: column; } }
.component-4172 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4172:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4172 { flex-direction: column; } }
.component-4173 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4173:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4173 { flex-direction: column; } }
.component-4174 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4174:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4174 { flex-direction: column; } }
.component-4175 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4175:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4175 { flex-direction: column; } }
.component-4176 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4176:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4176 { flex-direction: column; } }
.component-4177 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4177:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4177 { flex-direction: column; } }
.component-4178 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4178:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4178 { flex-direction: column; } }
.component-4179 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4179:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4179 { flex-direction: column; } }
.component-4180 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4180:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4180 { flex-direction: column; } }
.component-4181 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4181:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4181 { flex-direction: column; } }
.component-4182 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4182:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4182 { flex-direction: column; } }
.component-4183 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4183:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4183 { flex-direction: column; } }
.component-4184 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4184:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4184 { flex-direction: column; } }
.component-4185 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4185:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4185 { flex-direction: column; } }
.component-4186 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4186:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4186 { flex-direction: column; } }
.component-4187 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4187:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4187 { flex-direction: column; } }
.component-4188 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4188:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4188 { flex-direction: column; } }
.component-4189 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4189:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4189 { flex-direction: column; } }
.component-4190 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4190:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4190 { flex-direction: column; } }
.component-4191 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4191:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4191 { flex-direction: column; } }
.component-4192 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4192:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4192 { flex-direction: column; } }
.component-4193 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4193:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4193 { flex-direction: column; } }
.component-4194 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4194:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4194 { flex-direction: column; } }
.component-4195 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4195:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4195 { flex-direction: column; } }
.component-4196 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4196:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4196 { flex-direction: column; } }
.component-4197 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4197:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4197 { flex-direction: column; } }
.component-4198 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4198:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4198 { flex-direction: column; } }
.component-4199 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4199:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4199 { flex-direction: column; } }
.component-4200 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4200:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4200 { flex-direction: column; } }
.component-4201 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4201:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4201 { flex-direction: column; } }
.component-4202 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4202:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4202 { flex-direction: column; } }
.component-4203 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4203:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4203 { flex-direction: column; } }
.component-4204 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4204:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4204 { flex-direction: column; } }
.component-4205 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4205:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4205 { flex-direction: column; } }
.component-4206 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4206:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4206 { flex-direction: column; } }
.component-4207 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4207:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4207 { flex-direction: column; } }
.component-4208 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4208:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4208 { flex-direction: column; } }
.component-4209 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4209:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4209 { flex-direction: column; } }
.component-4210 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4210:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4210 { flex-direction: column; } }
.component-4211 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4211:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4211 { flex-direction: column; } }
.component-4212 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4212:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4212 { flex-direction: column; } }
.component-4213 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4213:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4213 { flex-direction: column; } }
.component-4214 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4214:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4214 { flex-direction: column; } }
.component-4215 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4215:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4215 { flex-direction: column; } }
.component-4216 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4216:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4216 { flex-direction: column; } }
.component-4217 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4217:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4217 { flex-direction: column; } }
.component-4218 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4218:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4218 { flex-direction: column; } }
.component-4219 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4219:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4219 { flex-direction: column; } }
.component-4220 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4220:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4220 { flex-direction: column; } }
.component-4221 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4221:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4221 { flex-direction: column; } }
.component-4222 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4222:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4222 { flex-direction: column; } }
.component-4223 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4223:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4223 { flex-direction: column; } }
.component-4224 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4224:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4224 { flex-direction: column; } }
.component-4225 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4225:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4225 { flex-direction: column; } }
.component-4226 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4226:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4226 { flex-direction: column; } }
.component-4227 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4227:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4227 { flex-direction: column; } }
.component-4228 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4228:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4228 { flex-direction: column; } }
.component-4229 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4229:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4229 { flex-direction: column; } }
.component-4230 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4230:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4230 { flex-direction: column; } }
.component-4231 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4231:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4231 { flex-direction: column; } }
.component-4232 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4232:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4232 { flex-direction: column; } }
.component-4233 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4233:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4233 { flex-direction: column; } }
.component-4234 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4234:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4234 { flex-direction: column; } }
.component-4235 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4235:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4235 { flex-direction: column; } }
.component-4236 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4236:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4236 { flex-direction: column; } }
.component-4237 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4237:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4237 { flex-direction: column; } }
.component-4238 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4238:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4238 { flex-direction: column; } }
.component-4239 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4239:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4239 { flex-direction: column; } }
.component-4240 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4240:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4240 { flex-direction: column; } }
.component-4241 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4241:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4241 { flex-direction: column; } }
.component-4242 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4242:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4242 { flex-direction: column; } }
.component-4243 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4243:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4243 { flex-direction: column; } }
.component-4244 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4244:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4244 { flex-direction: column; } }
.component-4245 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4245:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4245 { flex-direction: column; } }
.component-4246 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4246:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4246 { flex-direction: column; } }
.component-4247 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4247:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4247 { flex-direction: column; } }
.component-4248 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4248:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4248 { flex-direction: column; } }
.component-4249 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4249:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4249 { flex-direction: column; } }
.component-4250 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4250:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4250 { flex-direction: column; } }
.component-4251 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4251:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4251 { flex-direction: column; } }
.component-4252 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4252:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4252 { flex-direction: column; } }
.component-4253 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4253:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4253 { flex-direction: column; } }
.component-4254 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4254:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4254 { flex-direction: column; } }
.component-4255 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4255:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4255 { flex-direction: column; } }
.component-4256 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4256:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4256 { flex-direction: column; } }
.component-4257 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4257:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4257 { flex-direction: column; } }
.component-4258 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4258:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4258 { flex-direction: column; } }
.component-4259 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4259:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4259 { flex-direction: column; } }
.component-4260 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4260:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4260 { flex-direction: column; } }
.component-4261 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4261:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4261 { flex-direction: column; } }
.component-4262 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4262:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4262 { flex-direction: column; } }
.component-4263 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4263:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4263 { flex-direction: column; } }
.component-4264 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4264:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4264 { flex-direction: column; } }
.component-4265 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4265:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4265 { flex-direction: column; } }
.component-4266 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4266:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4266 { flex-direction: column; } }
.component-4267 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4267:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4267 { flex-direction: column; } }
.component-4268 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4268:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4268 { flex-direction: column; } }
.component-4269 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4269:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4269 { flex-direction: column; } }
.component-4270 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4270:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4270 { flex-direction: column; } }
.component-4271 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4271:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4271 { flex-direction: column; } }
.component-4272 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4272:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4272 { flex-direction: column; } }
.component-4273 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4273:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4273 { flex-direction: column; } }
.component-4274 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4274:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4274 { flex-direction: column; } }
.component-4275 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4275:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4275 { flex-direction: column; } }
.component-4276 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4276:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4276 { flex-direction: column; } }
.component-4277 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4277:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4277 { flex-direction: column; } }
.component-4278 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4278:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4278 { flex-direction: column; } }
.component-4279 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4279:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4279 { flex-direction: column; } }
.component-4280 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4280:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4280 { flex-direction: column; } }
.component-4281 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4281:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4281 { flex-direction: column; } }
.component-4282 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4282:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4282 { flex-direction: column; } }
.component-4283 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4283:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4283 { flex-direction: column; } }
.component-4284 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4284:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4284 { flex-direction: column; } }
.component-4285 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4285:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4285 { flex-direction: column; } }
.component-4286 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4286:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4286 { flex-direction: column; } }
.component-4287 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4287:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4287 { flex-direction: column; } }
.component-4288 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4288:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4288 { flex-direction: column; } }
.component-4289 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4289:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4289 { flex-direction: column; } }
.component-4290 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4290:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4290 { flex-direction: column; } }
.component-4291 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4291:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4291 { flex-direction: column; } }
.component-4292 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4292:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4292 { flex-direction: column; } }
.component-4293 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4293:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4293 { flex-direction: column; } }
.component-4294 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4294:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4294 { flex-direction: column; } }
.component-4295 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4295:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4295 { flex-direction: column; } }
.component-4296 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4296:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4296 { flex-direction: column; } }
.component-4297 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4297:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4297 { flex-direction: column; } }
.component-4298 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4298:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4298 { flex-direction: column; } }
.component-4299 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4299:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4299 { flex-direction: column; } }
.component-4300 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4300:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4300 { flex-direction: column; } }
.component-4301 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4301:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4301 { flex-direction: column; } }
.component-4302 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4302:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4302 { flex-direction: column; } }
.component-4303 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4303:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4303 { flex-direction: column; } }
.component-4304 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4304:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4304 { flex-direction: column; } }
.component-4305 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4305:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4305 { flex-direction: column; } }
.component-4306 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4306:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4306 { flex-direction: column; } }
.component-4307 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4307:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4307 { flex-direction: column; } }
.component-4308 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4308:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4308 { flex-direction: column; } }
.component-4309 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4309:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4309 { flex-direction: column; } }
.component-4310 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4310:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4310 { flex-direction: column; } }
.component-4311 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4311:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4311 { flex-direction: column; } }
.component-4312 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4312:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4312 { flex-direction: column; } }
.component-4313 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4313:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4313 { flex-direction: column; } }
.component-4314 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4314:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4314 { flex-direction: column; } }
.component-4315 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4315:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4315 { flex-direction: column; } }
.component-4316 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4316:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4316 { flex-direction: column; } }
.component-4317 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4317:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4317 { flex-direction: column; } }
.component-4318 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4318:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4318 { flex-direction: column; } }
.component-4319 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4319:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4319 { flex-direction: column; } }
.component-4320 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4320:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4320 { flex-direction: column; } }
.component-4321 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4321:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4321 { flex-direction: column; } }
.component-4322 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4322:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4322 { flex-direction: column; } }
.component-4323 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4323:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4323 { flex-direction: column; } }
.component-4324 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4324:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4324 { flex-direction: column; } }
.component-4325 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4325:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4325 { flex-direction: column; } }
.component-4326 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4326:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4326 { flex-direction: column; } }
.component-4327 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4327:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4327 { flex-direction: column; } }
.component-4328 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4328:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4328 { flex-direction: column; } }
.component-4329 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4329:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4329 { flex-direction: column; } }
.component-4330 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4330:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4330 { flex-direction: column; } }
.component-4331 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4331:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4331 { flex-direction: column; } }
.component-4332 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4332:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4332 { flex-direction: column; } }
.component-4333 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4333:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4333 { flex-direction: column; } }
.component-4334 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4334:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4334 { flex-direction: column; } }
.component-4335 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4335:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4335 { flex-direction: column; } }
.component-4336 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4336:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4336 { flex-direction: column; } }
.component-4337 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4337:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4337 { flex-direction: column; } }
.component-4338 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4338:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4338 { flex-direction: column; } }
.component-4339 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4339:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4339 { flex-direction: column; } }
.component-4340 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4340:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4340 { flex-direction: column; } }
.component-4341 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4341:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4341 { flex-direction: column; } }
.component-4342 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4342:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4342 { flex-direction: column; } }
.component-4343 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4343:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4343 { flex-direction: column; } }
.component-4344 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4344:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4344 { flex-direction: column; } }
.component-4345 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4345:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4345 { flex-direction: column; } }
.component-4346 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4346:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4346 { flex-direction: column; } }
.component-4347 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4347:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4347 { flex-direction: column; } }
.component-4348 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4348:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4348 { flex-direction: column; } }
.component-4349 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4349:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4349 { flex-direction: column; } }
.component-4350 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4350:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4350 { flex-direction: column; } }
.component-4351 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4351:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4351 { flex-direction: column; } }
.component-4352 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4352:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4352 { flex-direction: column; } }
.component-4353 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4353:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4353 { flex-direction: column; } }
.component-4354 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4354:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4354 { flex-direction: column; } }
.component-4355 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4355:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4355 { flex-direction: column; } }
.component-4356 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4356:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4356 { flex-direction: column; } }
.component-4357 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4357:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4357 { flex-direction: column; } }
.component-4358 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4358:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4358 { flex-direction: column; } }
.component-4359 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4359:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4359 { flex-direction: column; } }
.component-4360 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4360:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4360 { flex-direction: column; } }
.component-4361 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4361:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4361 { flex-direction: column; } }
.component-4362 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4362:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4362 { flex-direction: column; } }
.component-4363 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4363:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4363 { flex-direction: column; } }
.component-4364 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4364:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4364 { flex-direction: column; } }
.component-4365 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4365:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4365 { flex-direction: column; } }
.component-4366 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4366:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4366 { flex-direction: column; } }
.component-4367 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4367:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4367 { flex-direction: column; } }
.component-4368 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4368:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4368 { flex-direction: column; } }
.component-4369 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4369:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4369 { flex-direction: column; } }
.component-4370 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4370:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4370 { flex-direction: column; } }
.component-4371 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4371:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4371 { flex-direction: column; } }
.component-4372 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4372:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4372 { flex-direction: column; } }
.component-4373 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4373:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4373 { flex-direction: column; } }
.component-4374 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4374:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4374 { flex-direction: column; } }
.component-4375 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4375:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4375 { flex-direction: column; } }
.component-4376 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4376:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4376 { flex-direction: column; } }
.component-4377 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4377:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4377 { flex-direction: column; } }
.component-4378 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4378:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4378 { flex-direction: column; } }
.component-4379 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4379:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4379 { flex-direction: column; } }
.component-4380 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4380:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4380 { flex-direction: column; } }
.component-4381 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4381:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4381 { flex-direction: column; } }
.component-4382 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4382:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4382 { flex-direction: column; } }
.component-4383 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4383:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4383 { flex-direction: column; } }
.component-4384 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4384:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4384 { flex-direction: column; } }
.component-4385 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4385:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4385 { flex-direction: column; } }
.component-4386 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4386:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4386 { flex-direction: column; } }
.component-4387 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4387:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4387 { flex-direction: column; } }
.component-4388 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4388:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4388 { flex-direction: column; } }
.component-4389 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4389:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4389 { flex-direction: column; } }
.component-4390 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4390:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4390 { flex-direction: column; } }
.component-4391 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4391:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4391 { flex-direction: column; } }
.component-4392 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4392:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4392 { flex-direction: column; } }
.component-4393 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4393:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4393 { flex-direction: column; } }
.component-4394 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4394:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4394 { flex-direction: column; } }
.component-4395 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4395:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4395 { flex-direction: column; } }
.component-4396 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4396:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4396 { flex-direction: column; } }
.component-4397 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4397:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4397 { flex-direction: column; } }
.component-4398 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4398:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4398 { flex-direction: column; } }
.component-4399 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4399:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4399 { flex-direction: column; } }
.component-4400 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4400:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4400 { flex-direction: column; } }
.component-4401 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4401:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4401 { flex-direction: column; } }
.component-4402 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4402:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4402 { flex-direction: column; } }
.component-4403 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4403:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4403 { flex-direction: column; } }
.component-4404 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4404:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4404 { flex-direction: column; } }
.component-4405 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4405:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4405 { flex-direction: column; } }
.component-4406 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4406:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4406 { flex-direction: column; } }
.component-4407 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4407:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4407 { flex-direction: column; } }
.component-4408 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4408:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4408 { flex-direction: column; } }
.component-4409 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4409:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4409 { flex-direction: column; } }
.component-4410 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4410:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4410 { flex-direction: column; } }
.component-4411 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4411:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4411 { flex-direction: column; } }
.component-4412 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4412:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4412 { flex-direction: column; } }
.component-4413 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4413:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4413 { flex-direction: column; } }
.component-4414 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4414:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4414 { flex-direction: column; } }
.component-4415 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4415:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4415 { flex-direction: column; } }
.component-4416 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4416:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4416 { flex-direction: column; } }
.component-4417 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4417:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4417 { flex-direction: column; } }
.component-4418 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4418:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4418 { flex-direction: column; } }
.component-4419 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4419:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4419 { flex-direction: column; } }
.component-4420 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4420:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4420 { flex-direction: column; } }
.component-4421 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4421:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4421 { flex-direction: column; } }
.component-4422 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4422:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4422 { flex-direction: column; } }
.component-4423 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4423:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4423 { flex-direction: column; } }
.component-4424 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4424:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4424 { flex-direction: column; } }
.component-4425 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4425:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4425 { flex-direction: column; } }
.component-4426 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4426:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4426 { flex-direction: column; } }
.component-4427 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4427:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4427 { flex-direction: column; } }
.component-4428 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4428:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4428 { flex-direction: column; } }
.component-4429 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4429:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4429 { flex-direction: column; } }
.component-4430 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4430:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4430 { flex-direction: column; } }
.component-4431 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4431:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4431 { flex-direction: column; } }
.component-4432 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4432:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4432 { flex-direction: column; } }
.component-4433 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4433:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4433 { flex-direction: column; } }
.component-4434 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4434:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4434 { flex-direction: column; } }
.component-4435 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4435:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4435 { flex-direction: column; } }
.component-4436 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4436:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4436 { flex-direction: column; } }
.component-4437 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4437:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4437 { flex-direction: column; } }
.component-4438 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4438:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4438 { flex-direction: column; } }
.component-4439 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4439:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4439 { flex-direction: column; } }
.component-4440 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4440:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4440 { flex-direction: column; } }
.component-4441 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4441:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4441 { flex-direction: column; } }
.component-4442 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4442:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4442 { flex-direction: column; } }
.component-4443 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4443:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4443 { flex-direction: column; } }
.component-4444 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4444:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4444 { flex-direction: column; } }
.component-4445 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4445:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4445 { flex-direction: column; } }
.component-4446 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4446:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4446 { flex-direction: column; } }
.component-4447 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4447:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4447 { flex-direction: column; } }
.component-4448 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4448:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4448 { flex-direction: column; } }
.component-4449 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4449:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4449 { flex-direction: column; } }
.component-4450 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4450:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4450 { flex-direction: column; } }
.component-4451 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4451:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4451 { flex-direction: column; } }
.component-4452 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4452:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4452 { flex-direction: column; } }
.component-4453 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4453:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4453 { flex-direction: column; } }
.component-4454 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4454:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4454 { flex-direction: column; } }
.component-4455 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4455:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4455 { flex-direction: column; } }
.component-4456 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4456:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4456 { flex-direction: column; } }
.component-4457 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4457:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4457 { flex-direction: column; } }
.component-4458 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4458:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4458 { flex-direction: column; } }
.component-4459 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4459:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4459 { flex-direction: column; } }
.component-4460 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4460:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4460 { flex-direction: column; } }
.component-4461 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4461:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4461 { flex-direction: column; } }
.component-4462 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4462:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4462 { flex-direction: column; } }
.component-4463 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4463:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4463 { flex-direction: column; } }
.component-4464 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4464:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4464 { flex-direction: column; } }
.component-4465 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4465:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4465 { flex-direction: column; } }
.component-4466 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4466:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4466 { flex-direction: column; } }
.component-4467 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4467:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4467 { flex-direction: column; } }
.component-4468 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4468:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4468 { flex-direction: column; } }
.component-4469 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4469:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4469 { flex-direction: column; } }
.component-4470 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4470:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4470 { flex-direction: column; } }
.component-4471 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4471:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4471 { flex-direction: column; } }
.component-4472 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4472:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4472 { flex-direction: column; } }
.component-4473 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4473:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4473 { flex-direction: column; } }
.component-4474 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4474:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4474 { flex-direction: column; } }
.component-4475 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4475:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4475 { flex-direction: column; } }
.component-4476 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4476:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4476 { flex-direction: column; } }
.component-4477 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4477:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4477 { flex-direction: column; } }
.component-4478 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4478:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4478 { flex-direction: column; } }
.component-4479 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4479:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4479 { flex-direction: column; } }
.component-4480 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4480:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4480 { flex-direction: column; } }
.component-4481 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4481:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4481 { flex-direction: column; } }
.component-4482 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4482:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4482 { flex-direction: column; } }
.component-4483 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4483:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4483 { flex-direction: column; } }
.component-4484 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4484:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4484 { flex-direction: column; } }
.component-4485 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4485:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4485 { flex-direction: column; } }
.component-4486 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4486:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4486 { flex-direction: column; } }
.component-4487 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4487:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4487 { flex-direction: column; } }
.component-4488 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4488:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4488 { flex-direction: column; } }
.component-4489 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4489:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4489 { flex-direction: column; } }
.component-4490 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4490:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4490 { flex-direction: column; } }
.component-4491 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4491:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4491 { flex-direction: column; } }
.component-4492 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4492:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4492 { flex-direction: column; } }
.component-4493 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4493:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4493 { flex-direction: column; } }
.component-4494 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4494:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4494 { flex-direction: column; } }
.component-4495 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4495:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4495 { flex-direction: column; } }
.component-4496 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4496:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4496 { flex-direction: column; } }
.component-4497 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4497:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4497 { flex-direction: column; } }
.component-4498 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4498:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4498 { flex-direction: column; } }
.component-4499 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4499:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4499 { flex-direction: column; } }
.component-4500 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4500:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4500 { flex-direction: column; } }
.component-4501 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4501:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4501 { flex-direction: column; } }
.component-4502 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4502:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4502 { flex-direction: column; } }
.component-4503 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4503:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4503 { flex-direction: column; } }
.component-4504 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4504:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4504 { flex-direction: column; } }
.component-4505 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4505:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4505 { flex-direction: column; } }
.component-4506 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4506:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4506 { flex-direction: column; } }
.component-4507 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4507:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4507 { flex-direction: column; } }
.component-4508 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4508:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4508 { flex-direction: column; } }
.component-4509 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4509:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4509 { flex-direction: column; } }
.component-4510 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4510:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4510 { flex-direction: column; } }
.component-4511 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4511:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4511 { flex-direction: column; } }
.component-4512 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4512:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4512 { flex-direction: column; } }
.component-4513 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4513:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4513 { flex-direction: column; } }
.component-4514 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4514:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4514 { flex-direction: column; } }
.component-4515 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4515:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4515 { flex-direction: column; } }
.component-4516 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4516:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4516 { flex-direction: column; } }
.component-4517 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4517:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4517 { flex-direction: column; } }
.component-4518 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4518:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4518 { flex-direction: column; } }
.component-4519 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4519:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4519 { flex-direction: column; } }
.component-4520 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4520:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4520 { flex-direction: column; } }
.component-4521 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4521:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4521 { flex-direction: column; } }
.component-4522 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4522:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4522 { flex-direction: column; } }
.component-4523 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4523:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4523 { flex-direction: column; } }
.component-4524 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4524:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4524 { flex-direction: column; } }
.component-4525 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4525:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4525 { flex-direction: column; } }
.component-4526 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4526:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4526 { flex-direction: column; } }
.component-4527 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4527:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4527 { flex-direction: column; } }
.component-4528 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4528:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4528 { flex-direction: column; } }
.component-4529 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4529:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4529 { flex-direction: column; } }
.component-4530 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4530:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4530 { flex-direction: column; } }
.component-4531 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4531:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4531 { flex-direction: column; } }
.component-4532 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4532:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4532 { flex-direction: column; } }
.component-4533 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4533:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4533 { flex-direction: column; } }
.component-4534 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4534:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4534 { flex-direction: column; } }
.component-4535 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4535:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4535 { flex-direction: column; } }
.component-4536 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4536:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4536 { flex-direction: column; } }
.component-4537 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4537:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4537 { flex-direction: column; } }
.component-4538 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4538:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4538 { flex-direction: column; } }
.component-4539 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4539:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4539 { flex-direction: column; } }
.component-4540 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4540:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4540 { flex-direction: column; } }
.component-4541 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4541:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4541 { flex-direction: column; } }
.component-4542 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4542:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4542 { flex-direction: column; } }
.component-4543 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4543:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4543 { flex-direction: column; } }
.component-4544 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4544:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4544 { flex-direction: column; } }
.component-4545 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4545:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4545 { flex-direction: column; } }
.component-4546 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4546:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4546 { flex-direction: column; } }
.component-4547 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4547:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4547 { flex-direction: column; } }
.component-4548 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4548:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4548 { flex-direction: column; } }
.component-4549 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4549:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4549 { flex-direction: column; } }
.component-4550 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4550:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4550 { flex-direction: column; } }
.component-4551 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4551:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4551 { flex-direction: column; } }
.component-4552 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4552:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4552 { flex-direction: column; } }
.component-4553 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4553:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4553 { flex-direction: column; } }
.component-4554 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4554:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4554 { flex-direction: column; } }
.component-4555 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4555:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4555 { flex-direction: column; } }
.component-4556 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4556:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4556 { flex-direction: column; } }
.component-4557 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4557:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4557 { flex-direction: column; } }
.component-4558 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4558:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4558 { flex-direction: column; } }
.component-4559 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4559:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4559 { flex-direction: column; } }
.component-4560 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4560:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4560 { flex-direction: column; } }
.component-4561 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4561:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4561 { flex-direction: column; } }
.component-4562 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4562:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4562 { flex-direction: column; } }
.component-4563 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4563:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4563 { flex-direction: column; } }
.component-4564 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4564:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4564 { flex-direction: column; } }
.component-4565 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4565:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4565 { flex-direction: column; } }
.component-4566 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4566:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4566 { flex-direction: column; } }
.component-4567 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4567:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4567 { flex-direction: column; } }
.component-4568 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4568:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4568 { flex-direction: column; } }
.component-4569 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4569:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4569 { flex-direction: column; } }
.component-4570 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4570:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4570 { flex-direction: column; } }
.component-4571 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4571:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4571 { flex-direction: column; } }
.component-4572 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4572:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4572 { flex-direction: column; } }
.component-4573 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4573:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4573 { flex-direction: column; } }
.component-4574 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4574:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4574 { flex-direction: column; } }
.component-4575 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4575:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4575 { flex-direction: column; } }
.component-4576 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4576:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4576 { flex-direction: column; } }
.component-4577 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4577:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4577 { flex-direction: column; } }
.component-4578 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4578:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4578 { flex-direction: column; } }
.component-4579 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4579:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4579 { flex-direction: column; } }
.component-4580 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4580:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4580 { flex-direction: column; } }
.component-4581 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4581:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4581 { flex-direction: column; } }
.component-4582 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4582:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4582 { flex-direction: column; } }
.component-4583 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4583:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4583 { flex-direction: column; } }
.component-4584 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4584:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4584 { flex-direction: column; } }
.component-4585 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4585:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4585 { flex-direction: column; } }
.component-4586 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4586:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4586 { flex-direction: column; } }
.component-4587 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4587:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4587 { flex-direction: column; } }
.component-4588 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4588:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4588 { flex-direction: column; } }
.component-4589 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4589:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4589 { flex-direction: column; } }
.component-4590 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4590:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4590 { flex-direction: column; } }
.component-4591 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4591:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4591 { flex-direction: column; } }
.component-4592 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4592:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4592 { flex-direction: column; } }
.component-4593 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4593:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4593 { flex-direction: column; } }
.component-4594 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4594:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4594 { flex-direction: column; } }
.component-4595 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4595:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4595 { flex-direction: column; } }
.component-4596 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4596:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4596 { flex-direction: column; } }
.component-4597 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4597:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4597 { flex-direction: column; } }
.component-4598 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4598:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4598 { flex-direction: column; } }
.component-4599 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4599:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4599 { flex-direction: column; } }
.component-4600 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4600:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4600 { flex-direction: column; } }
.component-4601 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4601:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4601 { flex-direction: column; } }
.component-4602 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4602:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4602 { flex-direction: column; } }
.component-4603 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4603:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4603 { flex-direction: column; } }
.component-4604 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4604:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4604 { flex-direction: column; } }
.component-4605 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4605:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4605 { flex-direction: column; } }
.component-4606 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4606:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4606 { flex-direction: column; } }
.component-4607 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4607:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4607 { flex-direction: column; } }
.component-4608 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4608:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4608 { flex-direction: column; } }
.component-4609 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4609:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4609 { flex-direction: column; } }
.component-4610 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4610:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4610 { flex-direction: column; } }
.component-4611 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4611:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4611 { flex-direction: column; } }
.component-4612 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4612:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4612 { flex-direction: column; } }
.component-4613 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4613:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4613 { flex-direction: column; } }
.component-4614 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4614:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4614 { flex-direction: column; } }
.component-4615 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4615:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4615 { flex-direction: column; } }
.component-4616 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4616:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4616 { flex-direction: column; } }
.component-4617 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4617:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4617 { flex-direction: column; } }
.component-4618 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4618:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4618 { flex-direction: column; } }
.component-4619 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4619:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4619 { flex-direction: column; } }
.component-4620 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4620:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4620 { flex-direction: column; } }
.component-4621 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4621:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4621 { flex-direction: column; } }
.component-4622 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4622:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4622 { flex-direction: column; } }
.component-4623 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4623:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4623 { flex-direction: column; } }
.component-4624 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4624:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4624 { flex-direction: column; } }
.component-4625 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4625:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4625 { flex-direction: column; } }
.component-4626 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4626:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4626 { flex-direction: column; } }
.component-4627 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4627:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4627 { flex-direction: column; } }
.component-4628 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4628:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4628 { flex-direction: column; } }
.component-4629 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4629:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4629 { flex-direction: column; } }
.component-4630 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4630:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4630 { flex-direction: column; } }
.component-4631 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4631:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4631 { flex-direction: column; } }
.component-4632 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4632:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4632 { flex-direction: column; } }
.component-4633 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4633:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4633 { flex-direction: column; } }
.component-4634 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4634:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4634 { flex-direction: column; } }
.component-4635 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4635:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4635 { flex-direction: column; } }
.component-4636 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4636:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4636 { flex-direction: column; } }
.component-4637 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4637:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4637 { flex-direction: column; } }
.component-4638 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4638:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4638 { flex-direction: column; } }
.component-4639 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4639:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4639 { flex-direction: column; } }
.component-4640 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4640:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4640 { flex-direction: column; } }
.component-4641 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4641:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4641 { flex-direction: column; } }
.component-4642 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4642:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4642 { flex-direction: column; } }
.component-4643 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4643:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4643 { flex-direction: column; } }
.component-4644 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4644:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4644 { flex-direction: column; } }
.component-4645 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4645:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4645 { flex-direction: column; } }
.component-4646 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4646:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4646 { flex-direction: column; } }
.component-4647 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4647:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4647 { flex-direction: column; } }
.component-4648 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4648:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4648 { flex-direction: column; } }
.component-4649 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4649:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4649 { flex-direction: column; } }
.component-4650 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4650:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4650 { flex-direction: column; } }
.component-4651 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4651:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4651 { flex-direction: column; } }
.component-4652 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4652:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4652 { flex-direction: column; } }
.component-4653 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4653:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4653 { flex-direction: column; } }
.component-4654 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4654:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4654 { flex-direction: column; } }
.component-4655 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4655:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4655 { flex-direction: column; } }
.component-4656 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4656:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4656 { flex-direction: column; } }
.component-4657 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4657:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4657 { flex-direction: column; } }
.component-4658 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4658:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4658 { flex-direction: column; } }
.component-4659 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4659:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4659 { flex-direction: column; } }
.component-4660 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4660:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4660 { flex-direction: column; } }
.component-4661 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4661:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4661 { flex-direction: column; } }
.component-4662 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4662:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4662 { flex-direction: column; } }
.component-4663 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4663:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4663 { flex-direction: column; } }
.component-4664 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4664:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4664 { flex-direction: column; } }
.component-4665 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4665:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4665 { flex-direction: column; } }
.component-4666 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4666:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4666 { flex-direction: column; } }
.component-4667 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4667:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4667 { flex-direction: column; } }
.component-4668 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4668:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4668 { flex-direction: column; } }
.component-4669 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4669:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4669 { flex-direction: column; } }
.component-4670 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4670:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4670 { flex-direction: column; } }
.component-4671 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4671:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4671 { flex-direction: column; } }
.component-4672 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4672:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4672 { flex-direction: column; } }
.component-4673 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4673:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4673 { flex-direction: column; } }
.component-4674 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4674:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4674 { flex-direction: column; } }
.component-4675 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4675:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4675 { flex-direction: column; } }
.component-4676 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4676:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4676 { flex-direction: column; } }
.component-4677 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4677:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4677 { flex-direction: column; } }
.component-4678 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4678:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4678 { flex-direction: column; } }
.component-4679 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4679:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4679 { flex-direction: column; } }
.component-4680 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4680:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4680 { flex-direction: column; } }
.component-4681 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4681:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4681 { flex-direction: column; } }
.component-4682 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4682:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4682 { flex-direction: column; } }
.component-4683 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4683:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4683 { flex-direction: column; } }
.component-4684 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4684:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4684 { flex-direction: column; } }
.component-4685 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4685:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4685 { flex-direction: column; } }
.component-4686 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4686:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4686 { flex-direction: column; } }
.component-4687 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4687:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4687 { flex-direction: column; } }
.component-4688 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4688:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4688 { flex-direction: column; } }
.component-4689 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4689:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4689 { flex-direction: column; } }
.component-4690 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4690:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4690 { flex-direction: column; } }
.component-4691 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4691:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4691 { flex-direction: column; } }
.component-4692 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4692:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4692 { flex-direction: column; } }
.component-4693 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4693:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4693 { flex-direction: column; } }
.component-4694 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4694:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4694 { flex-direction: column; } }
.component-4695 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4695:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4695 { flex-direction: column; } }
.component-4696 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4696:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4696 { flex-direction: column; } }
.component-4697 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4697:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4697 { flex-direction: column; } }
.component-4698 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4698:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4698 { flex-direction: column; } }
.component-4699 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4699:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4699 { flex-direction: column; } }
.component-4700 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4700:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4700 { flex-direction: column; } }
.component-4701 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4701:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4701 { flex-direction: column; } }
.component-4702 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4702:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4702 { flex-direction: column; } }
.component-4703 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4703:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4703 { flex-direction: column; } }
.component-4704 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4704:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4704 { flex-direction: column; } }
.component-4705 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4705:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4705 { flex-direction: column; } }
.component-4706 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4706:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4706 { flex-direction: column; } }
.component-4707 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4707:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4707 { flex-direction: column; } }
.component-4708 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4708:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4708 { flex-direction: column; } }
.component-4709 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4709:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4709 { flex-direction: column; } }
.component-4710 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4710:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4710 { flex-direction: column; } }
.component-4711 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4711:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4711 { flex-direction: column; } }
.component-4712 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4712:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4712 { flex-direction: column; } }
.component-4713 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4713:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4713 { flex-direction: column; } }
.component-4714 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4714:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4714 { flex-direction: column; } }
.component-4715 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4715:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4715 { flex-direction: column; } }
.component-4716 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4716:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4716 { flex-direction: column; } }
.component-4717 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4717:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4717 { flex-direction: column; } }
.component-4718 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4718:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4718 { flex-direction: column; } }
.component-4719 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4719:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4719 { flex-direction: column; } }
.component-4720 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4720:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4720 { flex-direction: column; } }
.component-4721 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4721:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4721 { flex-direction: column; } }
.component-4722 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4722:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4722 { flex-direction: column; } }
.component-4723 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4723:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4723 { flex-direction: column; } }
.component-4724 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4724:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4724 { flex-direction: column; } }
.component-4725 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4725:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4725 { flex-direction: column; } }
.component-4726 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4726:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4726 { flex-direction: column; } }
.component-4727 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4727:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4727 { flex-direction: column; } }
.component-4728 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4728:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4728 { flex-direction: column; } }
.component-4729 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4729:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4729 { flex-direction: column; } }
.component-4730 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4730:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4730 { flex-direction: column; } }
.component-4731 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4731:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4731 { flex-direction: column; } }
.component-4732 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4732:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4732 { flex-direction: column; } }
.component-4733 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4733:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4733 { flex-direction: column; } }
.component-4734 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4734:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4734 { flex-direction: column; } }
.component-4735 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4735:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4735 { flex-direction: column; } }
.component-4736 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4736:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4736 { flex-direction: column; } }
.component-4737 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4737:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4737 { flex-direction: column; } }
.component-4738 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4738:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4738 { flex-direction: column; } }
.component-4739 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4739:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4739 { flex-direction: column; } }
.component-4740 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4740:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4740 { flex-direction: column; } }
.component-4741 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4741:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4741 { flex-direction: column; } }
.component-4742 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4742:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4742 { flex-direction: column; } }
.component-4743 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4743:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4743 { flex-direction: column; } }
.component-4744 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4744:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4744 { flex-direction: column; } }
.component-4745 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4745:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4745 { flex-direction: column; } }
.component-4746 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4746:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4746 { flex-direction: column; } }
.component-4747 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4747:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4747 { flex-direction: column; } }
.component-4748 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4748:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4748 { flex-direction: column; } }
.component-4749 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4749:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4749 { flex-direction: column; } }
.component-4750 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4750:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4750 { flex-direction: column; } }
.component-4751 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4751:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4751 { flex-direction: column; } }
.component-4752 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4752:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4752 { flex-direction: column; } }
.component-4753 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4753:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4753 { flex-direction: column; } }
.component-4754 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4754:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4754 { flex-direction: column; } }
.component-4755 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4755:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4755 { flex-direction: column; } }
.component-4756 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4756:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4756 { flex-direction: column; } }
.component-4757 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4757:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4757 { flex-direction: column; } }
.component-4758 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4758:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4758 { flex-direction: column; } }
.component-4759 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4759:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4759 { flex-direction: column; } }
.component-4760 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4760:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4760 { flex-direction: column; } }
.component-4761 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4761:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4761 { flex-direction: column; } }
.component-4762 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4762:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4762 { flex-direction: column; } }
.component-4763 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4763:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4763 { flex-direction: column; } }
.component-4764 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4764:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4764 { flex-direction: column; } }
.component-4765 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4765:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4765 { flex-direction: column; } }
.component-4766 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4766:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4766 { flex-direction: column; } }
.component-4767 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4767:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4767 { flex-direction: column; } }
.component-4768 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4768:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4768 { flex-direction: column; } }
.component-4769 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4769:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4769 { flex-direction: column; } }
.component-4770 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4770:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4770 { flex-direction: column; } }
.component-4771 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4771:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4771 { flex-direction: column; } }
.component-4772 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4772:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4772 { flex-direction: column; } }
.component-4773 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4773:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4773 { flex-direction: column; } }
.component-4774 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4774:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4774 { flex-direction: column; } }
.component-4775 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4775:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4775 { flex-direction: column; } }
.component-4776 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4776:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4776 { flex-direction: column; } }
.component-4777 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4777:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4777 { flex-direction: column; } }
.component-4778 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4778:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4778 { flex-direction: column; } }
.component-4779 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4779:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4779 { flex-direction: column; } }
.component-4780 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4780:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4780 { flex-direction: column; } }
.component-4781 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4781:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4781 { flex-direction: column; } }
.component-4782 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4782:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4782 { flex-direction: column; } }
.component-4783 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4783:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4783 { flex-direction: column; } }
.component-4784 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4784:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4784 { flex-direction: column; } }
.component-4785 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4785:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4785 { flex-direction: column; } }
.component-4786 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4786:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4786 { flex-direction: column; } }
.component-4787 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4787:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4787 { flex-direction: column; } }
.component-4788 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4788:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4788 { flex-direction: column; } }
.component-4789 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4789:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4789 { flex-direction: column; } }
.component-4790 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4790:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4790 { flex-direction: column; } }
.component-4791 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4791:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4791 { flex-direction: column; } }
.component-4792 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4792:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4792 { flex-direction: column; } }
.component-4793 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4793:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4793 { flex-direction: column; } }
.component-4794 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4794:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4794 { flex-direction: column; } }
.component-4795 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4795:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4795 { flex-direction: column; } }
.component-4796 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4796:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4796 { flex-direction: column; } }
.component-4797 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4797:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4797 { flex-direction: column; } }
.component-4798 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4798:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4798 { flex-direction: column; } }
.component-4799 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4799:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4799 { flex-direction: column; } }
.component-4800 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4800:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4800 { flex-direction: column; } }
.component-4801 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4801:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4801 { flex-direction: column; } }
.component-4802 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4802:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4802 { flex-direction: column; } }
.component-4803 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4803:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4803 { flex-direction: column; } }
.component-4804 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4804:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4804 { flex-direction: column; } }
.component-4805 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4805:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4805 { flex-direction: column; } }
.component-4806 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4806:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4806 { flex-direction: column; } }
.component-4807 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4807:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4807 { flex-direction: column; } }
.component-4808 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4808:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4808 { flex-direction: column; } }
.component-4809 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4809:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4809 { flex-direction: column; } }
.component-4810 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4810:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4810 { flex-direction: column; } }
.component-4811 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4811:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4811 { flex-direction: column; } }
.component-4812 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4812:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4812 { flex-direction: column; } }
.component-4813 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4813:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4813 { flex-direction: column; } }
.component-4814 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4814:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4814 { flex-direction: column; } }
.component-4815 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4815:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4815 { flex-direction: column; } }
.component-4816 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4816:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4816 { flex-direction: column; } }
.component-4817 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4817:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4817 { flex-direction: column; } }
.component-4818 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4818:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4818 { flex-direction: column; } }
.component-4819 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4819:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4819 { flex-direction: column; } }
.component-4820 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4820:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4820 { flex-direction: column; } }
.component-4821 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4821:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4821 { flex-direction: column; } }
.component-4822 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4822:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4822 { flex-direction: column; } }
.component-4823 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4823:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4823 { flex-direction: column; } }
.component-4824 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4824:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4824 { flex-direction: column; } }
.component-4825 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4825:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4825 { flex-direction: column; } }
.component-4826 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4826:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4826 { flex-direction: column; } }
.component-4827 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4827:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4827 { flex-direction: column; } }
.component-4828 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4828:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4828 { flex-direction: column; } }
.component-4829 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4829:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4829 { flex-direction: column; } }
.component-4830 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4830:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4830 { flex-direction: column; } }
.component-4831 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4831:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4831 { flex-direction: column; } }
.component-4832 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4832:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4832 { flex-direction: column; } }
.component-4833 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4833:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4833 { flex-direction: column; } }
.component-4834 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4834:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4834 { flex-direction: column; } }
.component-4835 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4835:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4835 { flex-direction: column; } }
.component-4836 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4836:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4836 { flex-direction: column; } }
.component-4837 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4837:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4837 { flex-direction: column; } }
.component-4838 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4838:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4838 { flex-direction: column; } }
.component-4839 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4839:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4839 { flex-direction: column; } }
.component-4840 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4840:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4840 { flex-direction: column; } }
.component-4841 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4841:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4841 { flex-direction: column; } }
.component-4842 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4842:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4842 { flex-direction: column; } }
.component-4843 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4843:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4843 { flex-direction: column; } }
.component-4844 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4844:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4844 { flex-direction: column; } }
.component-4845 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4845:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4845 { flex-direction: column; } }
.component-4846 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4846:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4846 { flex-direction: column; } }
.component-4847 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4847:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4847 { flex-direction: column; } }
.component-4848 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4848:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4848 { flex-direction: column; } }
.component-4849 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4849:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4849 { flex-direction: column; } }
.component-4850 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4850:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4850 { flex-direction: column; } }
.component-4851 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4851:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4851 { flex-direction: column; } }
.component-4852 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4852:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4852 { flex-direction: column; } }
.component-4853 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4853:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4853 { flex-direction: column; } }
.component-4854 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4854:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4854 { flex-direction: column; } }
.component-4855 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4855:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4855 { flex-direction: column; } }
.component-4856 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4856:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4856 { flex-direction: column; } }
.component-4857 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4857:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4857 { flex-direction: column; } }
.component-4858 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4858:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4858 { flex-direction: column; } }
.component-4859 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4859:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4859 { flex-direction: column; } }
.component-4860 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4860:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4860 { flex-direction: column; } }
.component-4861 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4861:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4861 { flex-direction: column; } }
.component-4862 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4862:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4862 { flex-direction: column; } }
.component-4863 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4863:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4863 { flex-direction: column; } }
.component-4864 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4864:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4864 { flex-direction: column; } }
.component-4865 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4865:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4865 { flex-direction: column; } }
.component-4866 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4866:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4866 { flex-direction: column; } }
.component-4867 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4867:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4867 { flex-direction: column; } }
.component-4868 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4868:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4868 { flex-direction: column; } }
.component-4869 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4869:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4869 { flex-direction: column; } }
.component-4870 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4870:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4870 { flex-direction: column; } }
.component-4871 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4871:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4871 { flex-direction: column; } }
.component-4872 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4872:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4872 { flex-direction: column; } }
.component-4873 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4873:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4873 { flex-direction: column; } }
.component-4874 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4874:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4874 { flex-direction: column; } }
.component-4875 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4875:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4875 { flex-direction: column; } }
.component-4876 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4876:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4876 { flex-direction: column; } }
.component-4877 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4877:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4877 { flex-direction: column; } }
.component-4878 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4878:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4878 { flex-direction: column; } }
.component-4879 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4879:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4879 { flex-direction: column; } }
.component-4880 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4880:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4880 { flex-direction: column; } }
.component-4881 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4881:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4881 { flex-direction: column; } }
.component-4882 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4882:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4882 { flex-direction: column; } }
.component-4883 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4883:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4883 { flex-direction: column; } }
.component-4884 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4884:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4884 { flex-direction: column; } }
.component-4885 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4885:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4885 { flex-direction: column; } }
.component-4886 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4886:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4886 { flex-direction: column; } }
.component-4887 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4887:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4887 { flex-direction: column; } }
.component-4888 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4888:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4888 { flex-direction: column; } }
.component-4889 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4889:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4889 { flex-direction: column; } }
.component-4890 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4890:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4890 { flex-direction: column; } }
.component-4891 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4891:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4891 { flex-direction: column; } }
.component-4892 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4892:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4892 { flex-direction: column; } }
.component-4893 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4893:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4893 { flex-direction: column; } }
.component-4894 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4894:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4894 { flex-direction: column; } }
.component-4895 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4895:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4895 { flex-direction: column; } }
.component-4896 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4896:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4896 { flex-direction: column; } }
.component-4897 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4897:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4897 { flex-direction: column; } }
.component-4898 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4898:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4898 { flex-direction: column; } }
.component-4899 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4899:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4899 { flex-direction: column; } }
.component-4900 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4900:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4900 { flex-direction: column; } }
.component-4901 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4901:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4901 { flex-direction: column; } }
.component-4902 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4902:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4902 { flex-direction: column; } }
.component-4903 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4903:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4903 { flex-direction: column; } }
.component-4904 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4904:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4904 { flex-direction: column; } }
.component-4905 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4905:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4905 { flex-direction: column; } }
.component-4906 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4906:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4906 { flex-direction: column; } }
.component-4907 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4907:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4907 { flex-direction: column; } }
.component-4908 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4908:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4908 { flex-direction: column; } }
.component-4909 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4909:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4909 { flex-direction: column; } }
.component-4910 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4910:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4910 { flex-direction: column; } }
.component-4911 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4911:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4911 { flex-direction: column; } }
.component-4912 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4912:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4912 { flex-direction: column; } }
.component-4913 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4913:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4913 { flex-direction: column; } }
.component-4914 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4914:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4914 { flex-direction: column; } }
.component-4915 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4915:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4915 { flex-direction: column; } }
.component-4916 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4916:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4916 { flex-direction: column; } }
.component-4917 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4917:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4917 { flex-direction: column; } }
.component-4918 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4918:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4918 { flex-direction: column; } }
.component-4919 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4919:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4919 { flex-direction: column; } }
.component-4920 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4920:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4920 { flex-direction: column; } }
.component-4921 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4921:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4921 { flex-direction: column; } }
.component-4922 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4922:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4922 { flex-direction: column; } }
.component-4923 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4923:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4923 { flex-direction: column; } }
.component-4924 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4924:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4924 { flex-direction: column; } }
.component-4925 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4925:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4925 { flex-direction: column; } }
.component-4926 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4926:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4926 { flex-direction: column; } }
.component-4927 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4927:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4927 { flex-direction: column; } }
.component-4928 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4928:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4928 { flex-direction: column; } }
.component-4929 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4929:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4929 { flex-direction: column; } }
.component-4930 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4930:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4930 { flex-direction: column; } }
.component-4931 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4931:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4931 { flex-direction: column; } }
.component-4932 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4932:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4932 { flex-direction: column; } }
.component-4933 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4933:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4933 { flex-direction: column; } }
.component-4934 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4934:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4934 { flex-direction: column; } }
.component-4935 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4935:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4935 { flex-direction: column; } }
.component-4936 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4936:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4936 { flex-direction: column; } }
.component-4937 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4937:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4937 { flex-direction: column; } }
.component-4938 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4938:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4938 { flex-direction: column; } }
.component-4939 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4939:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4939 { flex-direction: column; } }
.component-4940 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4940:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4940 { flex-direction: column; } }
.component-4941 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4941:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4941 { flex-direction: column; } }
.component-4942 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4942:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4942 { flex-direction: column; } }
.component-4943 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4943:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4943 { flex-direction: column; } }
.component-4944 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4944:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4944 { flex-direction: column; } }
.component-4945 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4945:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4945 { flex-direction: column; } }
.component-4946 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4946:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4946 { flex-direction: column; } }
.component-4947 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4947:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4947 { flex-direction: column; } }
.component-4948 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4948:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4948 { flex-direction: column; } }
.component-4949 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4949:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4949 { flex-direction: column; } }
.component-4950 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4950:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4950 { flex-direction: column; } }
.component-4951 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4951:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4951 { flex-direction: column; } }
.component-4952 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4952:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4952 { flex-direction: column; } }
.component-4953 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4953:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4953 { flex-direction: column; } }
.component-4954 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4954:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4954 { flex-direction: column; } }
.component-4955 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4955:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4955 { flex-direction: column; } }
.component-4956 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4956:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4956 { flex-direction: column; } }
.component-4957 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4957:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4957 { flex-direction: column; } }
.component-4958 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4958:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4958 { flex-direction: column; } }
.component-4959 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4959:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4959 { flex-direction: column; } }
.component-4960 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4960:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4960 { flex-direction: column; } }
.component-4961 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4961:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4961 { flex-direction: column; } }
.component-4962 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4962:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4962 { flex-direction: column; } }
.component-4963 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4963:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4963 { flex-direction: column; } }
.component-4964 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4964:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4964 { flex-direction: column; } }
.component-4965 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4965:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4965 { flex-direction: column; } }
.component-4966 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4966:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4966 { flex-direction: column; } }
.component-4967 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4967:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4967 { flex-direction: column; } }
.component-4968 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4968:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4968 { flex-direction: column; } }
.component-4969 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4969:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4969 { flex-direction: column; } }
.component-4970 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4970:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4970 { flex-direction: column; } }
.component-4971 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4971:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4971 { flex-direction: column; } }
.component-4972 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4972:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4972 { flex-direction: column; } }
.component-4973 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4973:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4973 { flex-direction: column; } }
.component-4974 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4974:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4974 { flex-direction: column; } }
.component-4975 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4975:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4975 { flex-direction: column; } }
.component-4976 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4976:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4976 { flex-direction: column; } }
.component-4977 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4977:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4977 { flex-direction: column; } }
.component-4978 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4978:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4978 { flex-direction: column; } }
.component-4979 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4979:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4979 { flex-direction: column; } }
.component-4980 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4980:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4980 { flex-direction: column; } }
.component-4981 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4981:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4981 { flex-direction: column; } }
.component-4982 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4982:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4982 { flex-direction: column; } }
.component-4983 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4983:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4983 { flex-direction: column; } }
.component-4984 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4984:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4984 { flex-direction: column; } }
.component-4985 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4985:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-4985 { flex-direction: column; } }
.component-4986 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4986:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-4986 { flex-direction: column; } }
.component-4987 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4987:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-4987 { flex-direction: column; } }
.component-4988 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4988:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-4988 { flex-direction: column; } }
.component-4989 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4989:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-4989 { flex-direction: column; } }
.component-4990 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-4990:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-4990 { flex-direction: column; } }
.component-4991 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-4991:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-4991 { flex-direction: column; } }
.component-4992 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-4992:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-4992 { flex-direction: column; } }
.component-4993 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-4993:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-4993 { flex-direction: column; } }
.component-4994 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-4994:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-4994 { flex-direction: column; } }
.component-4995 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-4995:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-4995 { flex-direction: column; } }
.component-4996 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-4996:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-4996 { flex-direction: column; } }
.component-4997 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-4997:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-4997 { flex-direction: column; } }
.component-4998 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-4998:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-4998 { flex-direction: column; } }
.component-4999 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-4999:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-4999 { flex-direction: column; } }
.component-5000 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5000:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5000 { flex-direction: column; } }
.component-5001 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5001:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5001 { flex-direction: column; } }
.component-5002 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5002:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5002 { flex-direction: column; } }
.component-5003 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5003:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5003 { flex-direction: column; } }
.component-5004 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5004:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5004 { flex-direction: column; } }
.component-5005 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5005:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5005 { flex-direction: column; } }
.component-5006 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5006:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5006 { flex-direction: column; } }
.component-5007 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5007:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5007 { flex-direction: column; } }
.component-5008 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5008:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5008 { flex-direction: column; } }
.component-5009 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5009:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5009 { flex-direction: column; } }
.component-5010 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5010:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5010 { flex-direction: column; } }
.component-5011 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5011:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5011 { flex-direction: column; } }
.component-5012 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5012:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5012 { flex-direction: column; } }
.component-5013 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5013:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5013 { flex-direction: column; } }
.component-5014 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5014:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5014 { flex-direction: column; } }
.component-5015 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5015:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5015 { flex-direction: column; } }
.component-5016 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5016:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5016 { flex-direction: column; } }
.component-5017 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5017:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5017 { flex-direction: column; } }
.component-5018 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5018:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5018 { flex-direction: column; } }
.component-5019 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5019:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5019 { flex-direction: column; } }
.component-5020 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5020:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5020 { flex-direction: column; } }
.component-5021 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5021:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5021 { flex-direction: column; } }
.component-5022 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5022:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5022 { flex-direction: column; } }
.component-5023 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5023:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5023 { flex-direction: column; } }
.component-5024 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5024:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5024 { flex-direction: column; } }
.component-5025 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5025:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5025 { flex-direction: column; } }
.component-5026 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5026:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5026 { flex-direction: column; } }
.component-5027 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5027:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5027 { flex-direction: column; } }
.component-5028 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5028:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5028 { flex-direction: column; } }
.component-5029 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5029:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5029 { flex-direction: column; } }
.component-5030 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5030:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5030 { flex-direction: column; } }
.component-5031 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5031:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5031 { flex-direction: column; } }
.component-5032 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5032:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5032 { flex-direction: column; } }
.component-5033 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5033:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5033 { flex-direction: column; } }
.component-5034 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5034:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5034 { flex-direction: column; } }
.component-5035 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5035:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5035 { flex-direction: column; } }
.component-5036 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5036:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5036 { flex-direction: column; } }
.component-5037 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5037:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5037 { flex-direction: column; } }
.component-5038 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5038:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5038 { flex-direction: column; } }
.component-5039 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5039:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5039 { flex-direction: column; } }
.component-5040 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5040:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5040 { flex-direction: column; } }
.component-5041 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5041:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5041 { flex-direction: column; } }
.component-5042 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5042:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5042 { flex-direction: column; } }
.component-5043 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5043:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5043 { flex-direction: column; } }
.component-5044 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5044:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5044 { flex-direction: column; } }
.component-5045 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5045:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5045 { flex-direction: column; } }
.component-5046 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5046:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5046 { flex-direction: column; } }
.component-5047 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5047:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5047 { flex-direction: column; } }
.component-5048 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5048:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5048 { flex-direction: column; } }
.component-5049 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5049:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5049 { flex-direction: column; } }
.component-5050 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5050:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5050 { flex-direction: column; } }
.component-5051 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5051:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5051 { flex-direction: column; } }
.component-5052 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5052:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5052 { flex-direction: column; } }
.component-5053 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5053:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5053 { flex-direction: column; } }
.component-5054 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5054:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5054 { flex-direction: column; } }
.component-5055 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5055:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5055 { flex-direction: column; } }
.component-5056 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5056:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5056 { flex-direction: column; } }
.component-5057 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5057:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5057 { flex-direction: column; } }
.component-5058 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5058:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5058 { flex-direction: column; } }
.component-5059 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5059:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5059 { flex-direction: column; } }
.component-5060 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5060:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5060 { flex-direction: column; } }
.component-5061 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5061:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5061 { flex-direction: column; } }
.component-5062 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5062:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5062 { flex-direction: column; } }
.component-5063 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5063:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5063 { flex-direction: column; } }
.component-5064 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5064:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5064 { flex-direction: column; } }
.component-5065 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5065:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5065 { flex-direction: column; } }
.component-5066 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5066:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5066 { flex-direction: column; } }
.component-5067 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5067:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5067 { flex-direction: column; } }
.component-5068 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5068:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5068 { flex-direction: column; } }
.component-5069 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5069:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5069 { flex-direction: column; } }
.component-5070 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5070:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5070 { flex-direction: column; } }
.component-5071 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5071:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5071 { flex-direction: column; } }
.component-5072 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5072:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5072 { flex-direction: column; } }
.component-5073 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5073:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5073 { flex-direction: column; } }
.component-5074 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5074:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5074 { flex-direction: column; } }
.component-5075 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5075:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5075 { flex-direction: column; } }
.component-5076 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5076:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5076 { flex-direction: column; } }
.component-5077 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5077:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5077 { flex-direction: column; } }
.component-5078 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5078:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5078 { flex-direction: column; } }
.component-5079 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5079:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5079 { flex-direction: column; } }
.component-5080 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5080:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5080 { flex-direction: column; } }
.component-5081 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5081:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5081 { flex-direction: column; } }
.component-5082 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5082:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5082 { flex-direction: column; } }
.component-5083 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5083:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5083 { flex-direction: column; } }
.component-5084 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5084:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5084 { flex-direction: column; } }
.component-5085 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5085:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5085 { flex-direction: column; } }
.component-5086 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5086:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5086 { flex-direction: column; } }
.component-5087 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5087:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5087 { flex-direction: column; } }
.component-5088 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5088:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5088 { flex-direction: column; } }
.component-5089 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5089:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5089 { flex-direction: column; } }
.component-5090 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5090:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5090 { flex-direction: column; } }
.component-5091 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5091:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5091 { flex-direction: column; } }
.component-5092 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5092:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5092 { flex-direction: column; } }
.component-5093 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5093:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5093 { flex-direction: column; } }
.component-5094 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5094:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5094 { flex-direction: column; } }
.component-5095 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5095:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5095 { flex-direction: column; } }
.component-5096 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5096:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5096 { flex-direction: column; } }
.component-5097 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5097:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5097 { flex-direction: column; } }
.component-5098 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5098:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5098 { flex-direction: column; } }
.component-5099 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5099:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5099 { flex-direction: column; } }
.component-5100 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5100:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5100 { flex-direction: column; } }
.component-5101 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5101:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5101 { flex-direction: column; } }
.component-5102 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5102:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5102 { flex-direction: column; } }
.component-5103 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5103:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5103 { flex-direction: column; } }
.component-5104 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5104:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5104 { flex-direction: column; } }
.component-5105 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5105:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5105 { flex-direction: column; } }
.component-5106 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5106:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5106 { flex-direction: column; } }
.component-5107 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5107:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5107 { flex-direction: column; } }
.component-5108 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5108:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5108 { flex-direction: column; } }
.component-5109 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5109:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5109 { flex-direction: column; } }
.component-5110 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5110:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5110 { flex-direction: column; } }
.component-5111 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5111:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5111 { flex-direction: column; } }
.component-5112 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5112:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5112 { flex-direction: column; } }
.component-5113 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5113:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5113 { flex-direction: column; } }
.component-5114 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5114:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5114 { flex-direction: column; } }
.component-5115 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5115:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5115 { flex-direction: column; } }
.component-5116 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5116:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5116 { flex-direction: column; } }
.component-5117 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5117:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5117 { flex-direction: column; } }
.component-5118 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5118:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5118 { flex-direction: column; } }
.component-5119 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5119:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5119 { flex-direction: column; } }
.component-5120 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5120:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5120 { flex-direction: column; } }
.component-5121 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5121:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5121 { flex-direction: column; } }
.component-5122 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5122:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5122 { flex-direction: column; } }
.component-5123 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5123:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5123 { flex-direction: column; } }
.component-5124 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5124:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5124 { flex-direction: column; } }
.component-5125 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5125:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5125 { flex-direction: column; } }
.component-5126 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5126:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5126 { flex-direction: column; } }
.component-5127 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5127:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5127 { flex-direction: column; } }
.component-5128 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5128:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5128 { flex-direction: column; } }
.component-5129 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5129:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5129 { flex-direction: column; } }
.component-5130 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5130:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5130 { flex-direction: column; } }
.component-5131 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5131:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5131 { flex-direction: column; } }
.component-5132 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5132:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5132 { flex-direction: column; } }
.component-5133 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5133:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5133 { flex-direction: column; } }
.component-5134 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5134:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5134 { flex-direction: column; } }
.component-5135 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5135:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5135 { flex-direction: column; } }
.component-5136 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5136:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5136 { flex-direction: column; } }
.component-5137 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5137:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5137 { flex-direction: column; } }
.component-5138 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5138:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5138 { flex-direction: column; } }
.component-5139 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5139:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5139 { flex-direction: column; } }
.component-5140 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5140:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5140 { flex-direction: column; } }
.component-5141 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5141:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5141 { flex-direction: column; } }
.component-5142 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5142:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5142 { flex-direction: column; } }
.component-5143 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5143:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5143 { flex-direction: column; } }
.component-5144 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5144:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5144 { flex-direction: column; } }
.component-5145 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5145:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5145 { flex-direction: column; } }
.component-5146 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5146:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5146 { flex-direction: column; } }
.component-5147 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5147:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5147 { flex-direction: column; } }
.component-5148 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5148:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5148 { flex-direction: column; } }
.component-5149 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5149:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5149 { flex-direction: column; } }
.component-5150 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5150:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5150 { flex-direction: column; } }
.component-5151 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5151:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5151 { flex-direction: column; } }
.component-5152 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5152:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5152 { flex-direction: column; } }
.component-5153 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5153:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5153 { flex-direction: column; } }
.component-5154 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5154:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5154 { flex-direction: column; } }
.component-5155 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5155:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5155 { flex-direction: column; } }
.component-5156 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5156:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5156 { flex-direction: column; } }
.component-5157 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5157:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5157 { flex-direction: column; } }
.component-5158 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5158:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5158 { flex-direction: column; } }
.component-5159 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5159:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5159 { flex-direction: column; } }
.component-5160 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5160:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5160 { flex-direction: column; } }
.component-5161 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5161:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5161 { flex-direction: column; } }
.component-5162 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5162:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5162 { flex-direction: column; } }
.component-5163 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5163:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5163 { flex-direction: column; } }
.component-5164 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5164:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5164 { flex-direction: column; } }
.component-5165 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5165:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5165 { flex-direction: column; } }
.component-5166 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5166:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5166 { flex-direction: column; } }
.component-5167 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5167:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5167 { flex-direction: column; } }
.component-5168 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5168:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5168 { flex-direction: column; } }
.component-5169 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5169:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5169 { flex-direction: column; } }
.component-5170 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5170:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5170 { flex-direction: column; } }
.component-5171 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5171:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5171 { flex-direction: column; } }
.component-5172 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5172:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5172 { flex-direction: column; } }
.component-5173 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5173:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5173 { flex-direction: column; } }
.component-5174 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5174:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5174 { flex-direction: column; } }
.component-5175 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5175:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5175 { flex-direction: column; } }
.component-5176 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5176:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5176 { flex-direction: column; } }
.component-5177 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5177:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5177 { flex-direction: column; } }
.component-5178 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5178:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5178 { flex-direction: column; } }
.component-5179 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5179:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5179 { flex-direction: column; } }
.component-5180 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5180:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5180 { flex-direction: column; } }
.component-5181 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5181:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5181 { flex-direction: column; } }
.component-5182 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5182:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5182 { flex-direction: column; } }
.component-5183 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5183:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5183 { flex-direction: column; } }
.component-5184 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5184:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5184 { flex-direction: column; } }
.component-5185 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5185:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5185 { flex-direction: column; } }
.component-5186 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5186:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5186 { flex-direction: column; } }
.component-5187 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5187:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5187 { flex-direction: column; } }
.component-5188 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5188:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5188 { flex-direction: column; } }
.component-5189 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5189:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5189 { flex-direction: column; } }
.component-5190 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5190:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5190 { flex-direction: column; } }
.component-5191 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5191:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5191 { flex-direction: column; } }
.component-5192 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5192:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5192 { flex-direction: column; } }
.component-5193 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5193:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5193 { flex-direction: column; } }
.component-5194 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5194:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5194 { flex-direction: column; } }
.component-5195 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5195:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5195 { flex-direction: column; } }
.component-5196 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5196:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5196 { flex-direction: column; } }
.component-5197 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5197:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5197 { flex-direction: column; } }
.component-5198 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5198:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5198 { flex-direction: column; } }
.component-5199 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5199:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5199 { flex-direction: column; } }
.component-5200 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5200:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5200 { flex-direction: column; } }
.component-5201 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5201:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5201 { flex-direction: column; } }
.component-5202 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5202:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5202 { flex-direction: column; } }
.component-5203 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5203:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5203 { flex-direction: column; } }
.component-5204 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5204:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5204 { flex-direction: column; } }
.component-5205 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5205:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5205 { flex-direction: column; } }
.component-5206 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5206:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5206 { flex-direction: column; } }
.component-5207 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5207:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5207 { flex-direction: column; } }
.component-5208 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5208:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5208 { flex-direction: column; } }
.component-5209 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5209:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5209 { flex-direction: column; } }
.component-5210 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5210:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5210 { flex-direction: column; } }
.component-5211 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5211:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5211 { flex-direction: column; } }
.component-5212 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5212:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5212 { flex-direction: column; } }
.component-5213 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5213:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5213 { flex-direction: column; } }
.component-5214 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5214:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5214 { flex-direction: column; } }
.component-5215 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5215:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5215 { flex-direction: column; } }
.component-5216 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5216:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5216 { flex-direction: column; } }
.component-5217 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5217:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5217 { flex-direction: column; } }
.component-5218 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5218:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5218 { flex-direction: column; } }
.component-5219 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5219:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5219 { flex-direction: column; } }
.component-5220 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5220:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5220 { flex-direction: column; } }
.component-5221 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5221:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5221 { flex-direction: column; } }
.component-5222 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5222:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5222 { flex-direction: column; } }
.component-5223 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5223:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5223 { flex-direction: column; } }
.component-5224 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5224:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5224 { flex-direction: column; } }
.component-5225 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5225:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5225 { flex-direction: column; } }
.component-5226 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5226:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5226 { flex-direction: column; } }
.component-5227 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5227:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5227 { flex-direction: column; } }
.component-5228 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5228:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5228 { flex-direction: column; } }
.component-5229 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5229:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5229 { flex-direction: column; } }
.component-5230 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5230:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5230 { flex-direction: column; } }
.component-5231 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5231:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5231 { flex-direction: column; } }
.component-5232 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5232:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5232 { flex-direction: column; } }
.component-5233 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5233:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5233 { flex-direction: column; } }
.component-5234 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5234:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5234 { flex-direction: column; } }
.component-5235 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5235:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5235 { flex-direction: column; } }
.component-5236 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5236:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5236 { flex-direction: column; } }
.component-5237 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5237:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5237 { flex-direction: column; } }
.component-5238 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5238:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5238 { flex-direction: column; } }
.component-5239 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5239:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5239 { flex-direction: column; } }
.component-5240 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5240:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5240 { flex-direction: column; } }
.component-5241 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5241:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5241 { flex-direction: column; } }
.component-5242 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5242:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5242 { flex-direction: column; } }
.component-5243 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5243:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5243 { flex-direction: column; } }
.component-5244 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5244:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5244 { flex-direction: column; } }
.component-5245 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5245:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5245 { flex-direction: column; } }
.component-5246 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5246:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5246 { flex-direction: column; } }
.component-5247 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5247:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5247 { flex-direction: column; } }
.component-5248 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5248:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5248 { flex-direction: column; } }
.component-5249 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5249:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5249 { flex-direction: column; } }
.component-5250 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5250:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5250 { flex-direction: column; } }
.component-5251 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5251:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5251 { flex-direction: column; } }
.component-5252 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5252:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5252 { flex-direction: column; } }
.component-5253 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5253:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5253 { flex-direction: column; } }
.component-5254 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5254:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5254 { flex-direction: column; } }
.component-5255 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5255:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5255 { flex-direction: column; } }
.component-5256 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5256:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5256 { flex-direction: column; } }
.component-5257 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5257:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5257 { flex-direction: column; } }
.component-5258 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5258:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5258 { flex-direction: column; } }
.component-5259 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5259:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5259 { flex-direction: column; } }
.component-5260 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5260:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5260 { flex-direction: column; } }
.component-5261 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5261:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5261 { flex-direction: column; } }
.component-5262 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5262:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5262 { flex-direction: column; } }
.component-5263 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5263:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5263 { flex-direction: column; } }
.component-5264 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5264:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5264 { flex-direction: column; } }
.component-5265 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5265:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5265 { flex-direction: column; } }
.component-5266 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5266:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5266 { flex-direction: column; } }
.component-5267 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5267:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5267 { flex-direction: column; } }
.component-5268 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5268:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5268 { flex-direction: column; } }
.component-5269 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5269:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5269 { flex-direction: column; } }
.component-5270 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5270:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5270 { flex-direction: column; } }
.component-5271 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5271:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5271 { flex-direction: column; } }
.component-5272 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5272:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5272 { flex-direction: column; } }
.component-5273 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5273:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5273 { flex-direction: column; } }
.component-5274 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5274:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5274 { flex-direction: column; } }
.component-5275 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5275:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5275 { flex-direction: column; } }
.component-5276 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5276:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5276 { flex-direction: column; } }
.component-5277 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5277:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5277 { flex-direction: column; } }
.component-5278 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5278:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5278 { flex-direction: column; } }
.component-5279 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5279:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5279 { flex-direction: column; } }
.component-5280 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5280:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5280 { flex-direction: column; } }
.component-5281 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5281:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5281 { flex-direction: column; } }
.component-5282 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5282:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5282 { flex-direction: column; } }
.component-5283 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5283:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5283 { flex-direction: column; } }
.component-5284 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5284:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5284 { flex-direction: column; } }
.component-5285 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5285:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5285 { flex-direction: column; } }
.component-5286 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5286:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5286 { flex-direction: column; } }
.component-5287 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5287:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5287 { flex-direction: column; } }
.component-5288 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5288:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5288 { flex-direction: column; } }
.component-5289 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5289:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5289 { flex-direction: column; } }
.component-5290 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5290:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5290 { flex-direction: column; } }
.component-5291 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5291:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5291 { flex-direction: column; } }
.component-5292 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5292:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5292 { flex-direction: column; } }
.component-5293 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5293:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5293 { flex-direction: column; } }
.component-5294 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5294:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5294 { flex-direction: column; } }
.component-5295 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5295:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5295 { flex-direction: column; } }
.component-5296 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5296:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5296 { flex-direction: column; } }
.component-5297 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5297:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5297 { flex-direction: column; } }
.component-5298 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5298:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5298 { flex-direction: column; } }
.component-5299 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5299:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5299 { flex-direction: column; } }
.component-5300 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5300:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5300 { flex-direction: column; } }
.component-5301 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5301:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5301 { flex-direction: column; } }
.component-5302 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5302:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5302 { flex-direction: column; } }
.component-5303 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5303:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5303 { flex-direction: column; } }
.component-5304 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5304:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5304 { flex-direction: column; } }
.component-5305 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5305:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5305 { flex-direction: column; } }
.component-5306 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5306:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5306 { flex-direction: column; } }
.component-5307 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5307:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5307 { flex-direction: column; } }
.component-5308 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5308:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5308 { flex-direction: column; } }
.component-5309 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5309:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5309 { flex-direction: column; } }
.component-5310 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5310:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5310 { flex-direction: column; } }
.component-5311 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5311:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5311 { flex-direction: column; } }
.component-5312 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5312:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5312 { flex-direction: column; } }
.component-5313 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5313:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5313 { flex-direction: column; } }
.component-5314 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5314:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5314 { flex-direction: column; } }
.component-5315 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5315:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5315 { flex-direction: column; } }
.component-5316 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5316:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5316 { flex-direction: column; } }
.component-5317 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5317:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5317 { flex-direction: column; } }
.component-5318 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5318:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5318 { flex-direction: column; } }
.component-5319 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5319:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5319 { flex-direction: column; } }
.component-5320 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5320:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5320 { flex-direction: column; } }
.component-5321 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5321:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5321 { flex-direction: column; } }
.component-5322 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5322:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5322 { flex-direction: column; } }
.component-5323 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5323:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5323 { flex-direction: column; } }
.component-5324 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5324:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5324 { flex-direction: column; } }
.component-5325 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5325:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5325 { flex-direction: column; } }
.component-5326 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5326:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5326 { flex-direction: column; } }
.component-5327 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5327:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5327 { flex-direction: column; } }
.component-5328 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5328:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5328 { flex-direction: column; } }
.component-5329 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5329:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5329 { flex-direction: column; } }
.component-5330 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5330:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5330 { flex-direction: column; } }
.component-5331 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5331:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5331 { flex-direction: column; } }
.component-5332 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5332:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5332 { flex-direction: column; } }
.component-5333 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5333:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5333 { flex-direction: column; } }
.component-5334 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5334:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5334 { flex-direction: column; } }
.component-5335 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5335:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5335 { flex-direction: column; } }
.component-5336 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5336:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5336 { flex-direction: column; } }
.component-5337 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5337:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5337 { flex-direction: column; } }
.component-5338 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5338:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5338 { flex-direction: column; } }
.component-5339 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5339:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5339 { flex-direction: column; } }
.component-5340 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5340:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5340 { flex-direction: column; } }
.component-5341 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5341:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5341 { flex-direction: column; } }
.component-5342 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5342:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5342 { flex-direction: column; } }
.component-5343 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5343:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5343 { flex-direction: column; } }
.component-5344 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5344:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5344 { flex-direction: column; } }
.component-5345 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5345:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5345 { flex-direction: column; } }
.component-5346 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5346:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5346 { flex-direction: column; } }
.component-5347 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5347:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5347 { flex-direction: column; } }
.component-5348 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5348:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5348 { flex-direction: column; } }
.component-5349 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5349:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5349 { flex-direction: column; } }
.component-5350 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5350:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5350 { flex-direction: column; } }
.component-5351 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5351:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5351 { flex-direction: column; } }
.component-5352 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5352:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5352 { flex-direction: column; } }
.component-5353 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5353:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5353 { flex-direction: column; } }
.component-5354 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5354:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5354 { flex-direction: column; } }
.component-5355 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5355:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5355 { flex-direction: column; } }
.component-5356 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5356:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5356 { flex-direction: column; } }
.component-5357 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5357:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5357 { flex-direction: column; } }
.component-5358 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5358:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5358 { flex-direction: column; } }
.component-5359 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5359:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5359 { flex-direction: column; } }
.component-5360 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5360:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5360 { flex-direction: column; } }
.component-5361 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5361:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5361 { flex-direction: column; } }
.component-5362 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5362:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5362 { flex-direction: column; } }
.component-5363 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5363:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5363 { flex-direction: column; } }
.component-5364 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5364:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5364 { flex-direction: column; } }
.component-5365 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5365:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5365 { flex-direction: column; } }
.component-5366 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5366:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5366 { flex-direction: column; } }
.component-5367 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5367:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5367 { flex-direction: column; } }
.component-5368 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5368:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5368 { flex-direction: column; } }
.component-5369 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5369:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5369 { flex-direction: column; } }
.component-5370 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5370:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5370 { flex-direction: column; } }
.component-5371 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5371:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5371 { flex-direction: column; } }
.component-5372 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5372:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5372 { flex-direction: column; } }
.component-5373 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5373:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5373 { flex-direction: column; } }
.component-5374 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5374:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5374 { flex-direction: column; } }
.component-5375 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5375:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5375 { flex-direction: column; } }
.component-5376 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5376:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5376 { flex-direction: column; } }
.component-5377 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5377:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5377 { flex-direction: column; } }
.component-5378 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5378:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5378 { flex-direction: column; } }
.component-5379 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5379:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5379 { flex-direction: column; } }
.component-5380 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5380:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5380 { flex-direction: column; } }
.component-5381 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5381:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5381 { flex-direction: column; } }
.component-5382 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5382:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5382 { flex-direction: column; } }
.component-5383 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5383:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5383 { flex-direction: column; } }
.component-5384 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5384:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5384 { flex-direction: column; } }
.component-5385 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5385:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5385 { flex-direction: column; } }
.component-5386 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5386:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5386 { flex-direction: column; } }
.component-5387 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5387:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5387 { flex-direction: column; } }
.component-5388 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5388:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5388 { flex-direction: column; } }
.component-5389 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5389:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5389 { flex-direction: column; } }
.component-5390 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5390:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5390 { flex-direction: column; } }
.component-5391 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5391:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5391 { flex-direction: column; } }
.component-5392 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5392:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5392 { flex-direction: column; } }
.component-5393 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5393:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5393 { flex-direction: column; } }
.component-5394 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5394:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5394 { flex-direction: column; } }
.component-5395 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5395:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5395 { flex-direction: column; } }
.component-5396 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5396:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5396 { flex-direction: column; } }
.component-5397 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5397:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5397 { flex-direction: column; } }
.component-5398 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5398:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5398 { flex-direction: column; } }
.component-5399 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5399:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5399 { flex-direction: column; } }
.component-5400 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5400:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5400 { flex-direction: column; } }
.component-5401 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5401:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5401 { flex-direction: column; } }
.component-5402 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5402:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5402 { flex-direction: column; } }
.component-5403 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5403:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5403 { flex-direction: column; } }
.component-5404 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5404:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5404 { flex-direction: column; } }
.component-5405 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5405:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5405 { flex-direction: column; } }
.component-5406 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5406:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5406 { flex-direction: column; } }
.component-5407 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5407:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5407 { flex-direction: column; } }
.component-5408 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5408:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5408 { flex-direction: column; } }
.component-5409 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5409:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5409 { flex-direction: column; } }
.component-5410 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5410:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5410 { flex-direction: column; } }
.component-5411 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5411:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5411 { flex-direction: column; } }
.component-5412 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5412:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5412 { flex-direction: column; } }
.component-5413 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5413:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5413 { flex-direction: column; } }
.component-5414 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5414:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5414 { flex-direction: column; } }
.component-5415 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5415:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5415 { flex-direction: column; } }
.component-5416 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5416:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5416 { flex-direction: column; } }
.component-5417 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5417:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5417 { flex-direction: column; } }
.component-5418 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5418:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5418 { flex-direction: column; } }
.component-5419 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5419:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5419 { flex-direction: column; } }
.component-5420 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5420:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5420 { flex-direction: column; } }
.component-5421 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5421:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5421 { flex-direction: column; } }
.component-5422 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5422:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5422 { flex-direction: column; } }
.component-5423 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5423:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5423 { flex-direction: column; } }
.component-5424 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5424:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5424 { flex-direction: column; } }
.component-5425 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5425:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5425 { flex-direction: column; } }
.component-5426 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5426:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5426 { flex-direction: column; } }
.component-5427 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5427:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5427 { flex-direction: column; } }
.component-5428 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5428:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5428 { flex-direction: column; } }
.component-5429 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5429:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5429 { flex-direction: column; } }
.component-5430 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5430:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5430 { flex-direction: column; } }
.component-5431 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5431:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5431 { flex-direction: column; } }
.component-5432 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5432:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5432 { flex-direction: column; } }
.component-5433 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5433:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5433 { flex-direction: column; } }
.component-5434 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5434:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5434 { flex-direction: column; } }
.component-5435 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5435:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5435 { flex-direction: column; } }
.component-5436 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5436:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5436 { flex-direction: column; } }
.component-5437 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5437:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5437 { flex-direction: column; } }
.component-5438 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5438:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5438 { flex-direction: column; } }
.component-5439 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5439:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5439 { flex-direction: column; } }
.component-5440 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5440:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5440 { flex-direction: column; } }
.component-5441 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5441:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5441 { flex-direction: column; } }
.component-5442 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5442:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5442 { flex-direction: column; } }
.component-5443 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5443:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5443 { flex-direction: column; } }
.component-5444 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5444:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5444 { flex-direction: column; } }
.component-5445 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5445:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5445 { flex-direction: column; } }
.component-5446 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5446:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5446 { flex-direction: column; } }
.component-5447 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5447:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5447 { flex-direction: column; } }
.component-5448 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5448:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5448 { flex-direction: column; } }
.component-5449 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5449:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5449 { flex-direction: column; } }
.component-5450 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5450:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5450 { flex-direction: column; } }
.component-5451 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5451:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5451 { flex-direction: column; } }
.component-5452 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5452:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5452 { flex-direction: column; } }
.component-5453 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5453:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5453 { flex-direction: column; } }
.component-5454 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5454:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5454 { flex-direction: column; } }
.component-5455 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5455:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5455 { flex-direction: column; } }
.component-5456 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5456:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5456 { flex-direction: column; } }
.component-5457 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5457:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5457 { flex-direction: column; } }
.component-5458 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5458:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5458 { flex-direction: column; } }
.component-5459 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5459:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5459 { flex-direction: column; } }
.component-5460 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5460:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5460 { flex-direction: column; } }
.component-5461 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5461:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5461 { flex-direction: column; } }
.component-5462 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5462:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5462 { flex-direction: column; } }
.component-5463 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5463:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5463 { flex-direction: column; } }
.component-5464 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5464:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5464 { flex-direction: column; } }
.component-5465 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5465:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5465 { flex-direction: column; } }
.component-5466 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5466:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5466 { flex-direction: column; } }
.component-5467 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5467:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5467 { flex-direction: column; } }
.component-5468 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5468:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5468 { flex-direction: column; } }
.component-5469 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5469:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5469 { flex-direction: column; } }
.component-5470 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5470:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5470 { flex-direction: column; } }
.component-5471 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5471:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5471 { flex-direction: column; } }
.component-5472 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5472:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5472 { flex-direction: column; } }
.component-5473 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5473:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5473 { flex-direction: column; } }
.component-5474 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5474:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5474 { flex-direction: column; } }
.component-5475 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5475:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5475 { flex-direction: column; } }
.component-5476 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5476:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5476 { flex-direction: column; } }
.component-5477 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5477:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5477 { flex-direction: column; } }
.component-5478 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5478:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5478 { flex-direction: column; } }
.component-5479 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5479:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5479 { flex-direction: column; } }
.component-5480 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5480:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5480 { flex-direction: column; } }
.component-5481 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5481:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5481 { flex-direction: column; } }
.component-5482 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5482:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5482 { flex-direction: column; } }
.component-5483 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5483:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5483 { flex-direction: column; } }
.component-5484 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5484:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5484 { flex-direction: column; } }
.component-5485 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5485:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5485 { flex-direction: column; } }
.component-5486 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5486:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5486 { flex-direction: column; } }
.component-5487 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5487:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5487 { flex-direction: column; } }
.component-5488 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5488:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5488 { flex-direction: column; } }
.component-5489 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5489:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5489 { flex-direction: column; } }
.component-5490 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5490:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5490 { flex-direction: column; } }
.component-5491 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5491:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5491 { flex-direction: column; } }
.component-5492 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5492:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5492 { flex-direction: column; } }
.component-5493 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5493:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5493 { flex-direction: column; } }
.component-5494 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5494:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5494 { flex-direction: column; } }
.component-5495 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5495:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5495 { flex-direction: column; } }
.component-5496 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5496:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5496 { flex-direction: column; } }
.component-5497 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5497:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5497 { flex-direction: column; } }
.component-5498 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5498:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5498 { flex-direction: column; } }
.component-5499 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5499:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5499 { flex-direction: column; } }
.component-5500 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5500:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5500 { flex-direction: column; } }
.component-5501 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5501:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5501 { flex-direction: column; } }
.component-5502 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5502:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5502 { flex-direction: column; } }
.component-5503 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5503:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5503 { flex-direction: column; } }
.component-5504 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5504:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5504 { flex-direction: column; } }
.component-5505 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5505:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5505 { flex-direction: column; } }
.component-5506 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5506:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5506 { flex-direction: column; } }
.component-5507 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5507:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5507 { flex-direction: column; } }
.component-5508 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5508:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5508 { flex-direction: column; } }
.component-5509 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5509:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5509 { flex-direction: column; } }
.component-5510 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5510:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5510 { flex-direction: column; } }
.component-5511 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5511:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5511 { flex-direction: column; } }
.component-5512 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5512:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5512 { flex-direction: column; } }
.component-5513 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5513:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5513 { flex-direction: column; } }
.component-5514 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5514:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5514 { flex-direction: column; } }
.component-5515 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5515:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5515 { flex-direction: column; } }
.component-5516 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5516:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5516 { flex-direction: column; } }
.component-5517 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5517:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5517 { flex-direction: column; } }
.component-5518 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5518:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5518 { flex-direction: column; } }
.component-5519 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5519:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5519 { flex-direction: column; } }
.component-5520 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5520:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5520 { flex-direction: column; } }
.component-5521 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5521:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5521 { flex-direction: column; } }
.component-5522 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5522:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5522 { flex-direction: column; } }
.component-5523 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5523:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5523 { flex-direction: column; } }
.component-5524 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5524:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5524 { flex-direction: column; } }
.component-5525 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5525:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5525 { flex-direction: column; } }
.component-5526 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5526:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5526 { flex-direction: column; } }
.component-5527 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5527:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5527 { flex-direction: column; } }
.component-5528 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5528:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5528 { flex-direction: column; } }
.component-5529 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5529:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5529 { flex-direction: column; } }
.component-5530 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5530:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5530 { flex-direction: column; } }
.component-5531 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5531:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5531 { flex-direction: column; } }
.component-5532 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5532:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5532 { flex-direction: column; } }
.component-5533 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5533:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5533 { flex-direction: column; } }
.component-5534 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5534:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5534 { flex-direction: column; } }
.component-5535 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5535:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5535 { flex-direction: column; } }
.component-5536 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5536:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5536 { flex-direction: column; } }
.component-5537 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5537:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5537 { flex-direction: column; } }
.component-5538 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5538:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5538 { flex-direction: column; } }
.component-5539 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5539:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5539 { flex-direction: column; } }
.component-5540 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5540:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5540 { flex-direction: column; } }
.component-5541 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5541:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5541 { flex-direction: column; } }
.component-5542 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5542:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5542 { flex-direction: column; } }
.component-5543 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5543:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5543 { flex-direction: column; } }
.component-5544 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5544:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5544 { flex-direction: column; } }
.component-5545 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5545:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5545 { flex-direction: column; } }
.component-5546 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5546:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5546 { flex-direction: column; } }
.component-5547 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5547:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5547 { flex-direction: column; } }
.component-5548 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5548:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5548 { flex-direction: column; } }
.component-5549 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5549:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5549 { flex-direction: column; } }
.component-5550 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5550:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5550 { flex-direction: column; } }
.component-5551 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5551:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5551 { flex-direction: column; } }
.component-5552 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5552:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5552 { flex-direction: column; } }
.component-5553 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5553:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5553 { flex-direction: column; } }
.component-5554 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5554:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5554 { flex-direction: column; } }
.component-5555 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5555:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5555 { flex-direction: column; } }
.component-5556 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5556:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5556 { flex-direction: column; } }
.component-5557 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5557:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5557 { flex-direction: column; } }
.component-5558 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5558:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5558 { flex-direction: column; } }
.component-5559 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5559:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5559 { flex-direction: column; } }
.component-5560 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5560:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5560 { flex-direction: column; } }
.component-5561 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5561:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5561 { flex-direction: column; } }
.component-5562 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5562:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5562 { flex-direction: column; } }
.component-5563 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5563:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5563 { flex-direction: column; } }
.component-5564 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5564:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5564 { flex-direction: column; } }
.component-5565 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5565:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5565 { flex-direction: column; } }
.component-5566 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5566:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5566 { flex-direction: column; } }
.component-5567 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5567:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5567 { flex-direction: column; } }
.component-5568 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5568:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5568 { flex-direction: column; } }
.component-5569 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5569:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5569 { flex-direction: column; } }
.component-5570 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5570:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5570 { flex-direction: column; } }
.component-5571 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5571:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5571 { flex-direction: column; } }
.component-5572 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5572:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5572 { flex-direction: column; } }
.component-5573 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5573:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5573 { flex-direction: column; } }
.component-5574 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5574:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5574 { flex-direction: column; } }
.component-5575 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5575:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5575 { flex-direction: column; } }
.component-5576 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5576:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5576 { flex-direction: column; } }
.component-5577 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5577:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5577 { flex-direction: column; } }
.component-5578 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5578:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5578 { flex-direction: column; } }
.component-5579 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5579:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5579 { flex-direction: column; } }
.component-5580 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5580:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5580 { flex-direction: column; } }
.component-5581 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5581:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5581 { flex-direction: column; } }
.component-5582 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5582:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5582 { flex-direction: column; } }
.component-5583 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5583:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5583 { flex-direction: column; } }
.component-5584 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5584:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5584 { flex-direction: column; } }
.component-5585 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5585:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5585 { flex-direction: column; } }
.component-5586 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5586:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5586 { flex-direction: column; } }
.component-5587 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5587:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5587 { flex-direction: column; } }
.component-5588 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5588:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5588 { flex-direction: column; } }
.component-5589 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5589:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5589 { flex-direction: column; } }
.component-5590 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5590:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5590 { flex-direction: column; } }
.component-5591 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5591:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5591 { flex-direction: column; } }
.component-5592 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5592:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5592 { flex-direction: column; } }
.component-5593 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5593:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5593 { flex-direction: column; } }
.component-5594 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5594:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5594 { flex-direction: column; } }
.component-5595 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5595:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5595 { flex-direction: column; } }
.component-5596 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5596:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5596 { flex-direction: column; } }
.component-5597 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5597:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5597 { flex-direction: column; } }
.component-5598 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5598:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5598 { flex-direction: column; } }
.component-5599 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5599:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5599 { flex-direction: column; } }
.component-5600 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5600:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5600 { flex-direction: column; } }
.component-5601 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5601:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5601 { flex-direction: column; } }
.component-5602 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5602:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5602 { flex-direction: column; } }
.component-5603 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5603:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5603 { flex-direction: column; } }
.component-5604 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5604:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5604 { flex-direction: column; } }
.component-5605 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5605:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5605 { flex-direction: column; } }
.component-5606 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5606:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5606 { flex-direction: column; } }
.component-5607 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5607:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5607 { flex-direction: column; } }
.component-5608 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5608:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5608 { flex-direction: column; } }
.component-5609 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5609:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5609 { flex-direction: column; } }
.component-5610 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5610:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5610 { flex-direction: column; } }
.component-5611 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5611:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5611 { flex-direction: column; } }
.component-5612 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5612:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5612 { flex-direction: column; } }
.component-5613 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5613:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5613 { flex-direction: column; } }
.component-5614 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5614:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5614 { flex-direction: column; } }
.component-5615 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5615:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5615 { flex-direction: column; } }
.component-5616 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5616:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5616 { flex-direction: column; } }
.component-5617 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5617:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5617 { flex-direction: column; } }
.component-5618 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5618:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5618 { flex-direction: column; } }
.component-5619 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5619:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5619 { flex-direction: column; } }
.component-5620 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5620:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5620 { flex-direction: column; } }
.component-5621 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5621:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5621 { flex-direction: column; } }
.component-5622 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5622:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5622 { flex-direction: column; } }
.component-5623 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5623:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5623 { flex-direction: column; } }
.component-5624 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5624:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5624 { flex-direction: column; } }
.component-5625 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5625:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5625 { flex-direction: column; } }
.component-5626 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5626:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5626 { flex-direction: column; } }
.component-5627 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5627:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5627 { flex-direction: column; } }
.component-5628 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5628:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5628 { flex-direction: column; } }
.component-5629 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5629:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5629 { flex-direction: column; } }
.component-5630 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5630:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5630 { flex-direction: column; } }
.component-5631 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5631:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5631 { flex-direction: column; } }
.component-5632 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5632:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5632 { flex-direction: column; } }
.component-5633 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5633:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5633 { flex-direction: column; } }
.component-5634 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5634:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5634 { flex-direction: column; } }
.component-5635 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5635:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5635 { flex-direction: column; } }
.component-5636 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5636:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5636 { flex-direction: column; } }
.component-5637 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5637:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5637 { flex-direction: column; } }
.component-5638 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5638:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5638 { flex-direction: column; } }
.component-5639 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5639:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5639 { flex-direction: column; } }
.component-5640 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5640:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5640 { flex-direction: column; } }
.component-5641 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5641:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5641 { flex-direction: column; } }
.component-5642 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5642:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5642 { flex-direction: column; } }
.component-5643 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5643:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5643 { flex-direction: column; } }
.component-5644 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5644:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5644 { flex-direction: column; } }
.component-5645 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5645:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5645 { flex-direction: column; } }
.component-5646 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5646:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5646 { flex-direction: column; } }
.component-5647 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5647:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5647 { flex-direction: column; } }
.component-5648 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5648:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5648 { flex-direction: column; } }
.component-5649 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5649:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5649 { flex-direction: column; } }
.component-5650 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5650:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5650 { flex-direction: column; } }
.component-5651 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5651:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5651 { flex-direction: column; } }
.component-5652 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5652:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5652 { flex-direction: column; } }
.component-5653 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5653:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5653 { flex-direction: column; } }
.component-5654 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5654:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5654 { flex-direction: column; } }
.component-5655 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5655:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5655 { flex-direction: column; } }
.component-5656 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5656:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5656 { flex-direction: column; } }
.component-5657 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5657:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5657 { flex-direction: column; } }
.component-5658 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5658:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5658 { flex-direction: column; } }
.component-5659 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5659:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5659 { flex-direction: column; } }
.component-5660 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5660:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5660 { flex-direction: column; } }
.component-5661 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5661:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5661 { flex-direction: column; } }
.component-5662 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5662:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5662 { flex-direction: column; } }
.component-5663 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5663:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5663 { flex-direction: column; } }
.component-5664 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5664:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5664 { flex-direction: column; } }
.component-5665 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5665:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5665 { flex-direction: column; } }
.component-5666 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5666:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5666 { flex-direction: column; } }
.component-5667 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5667:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5667 { flex-direction: column; } }
.component-5668 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5668:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5668 { flex-direction: column; } }
.component-5669 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5669:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5669 { flex-direction: column; } }
.component-5670 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5670:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5670 { flex-direction: column; } }
.component-5671 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5671:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5671 { flex-direction: column; } }
.component-5672 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5672:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5672 { flex-direction: column; } }
.component-5673 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5673:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5673 { flex-direction: column; } }
.component-5674 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5674:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5674 { flex-direction: column; } }
.component-5675 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5675:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5675 { flex-direction: column; } }
.component-5676 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5676:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5676 { flex-direction: column; } }
.component-5677 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5677:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5677 { flex-direction: column; } }
.component-5678 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5678:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5678 { flex-direction: column; } }
.component-5679 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5679:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5679 { flex-direction: column; } }
.component-5680 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5680:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5680 { flex-direction: column; } }
.component-5681 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5681:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5681 { flex-direction: column; } }
.component-5682 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5682:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5682 { flex-direction: column; } }
.component-5683 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5683:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5683 { flex-direction: column; } }
.component-5684 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5684:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5684 { flex-direction: column; } }
.component-5685 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5685:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5685 { flex-direction: column; } }
.component-5686 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5686:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5686 { flex-direction: column; } }
.component-5687 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5687:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5687 { flex-direction: column; } }
.component-5688 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5688:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5688 { flex-direction: column; } }
.component-5689 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5689:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5689 { flex-direction: column; } }
.component-5690 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5690:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5690 { flex-direction: column; } }
.component-5691 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5691:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5691 { flex-direction: column; } }
.component-5692 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5692:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5692 { flex-direction: column; } }
.component-5693 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5693:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5693 { flex-direction: column; } }
.component-5694 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5694:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5694 { flex-direction: column; } }
.component-5695 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5695:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5695 { flex-direction: column; } }
.component-5696 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5696:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5696 { flex-direction: column; } }
.component-5697 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5697:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5697 { flex-direction: column; } }
.component-5698 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5698:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5698 { flex-direction: column; } }
.component-5699 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5699:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5699 { flex-direction: column; } }
.component-5700 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5700:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5700 { flex-direction: column; } }
.component-5701 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5701:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5701 { flex-direction: column; } }
.component-5702 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5702:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5702 { flex-direction: column; } }
.component-5703 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5703:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5703 { flex-direction: column; } }
.component-5704 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5704:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5704 { flex-direction: column; } }
.component-5705 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5705:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5705 { flex-direction: column; } }
.component-5706 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5706:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5706 { flex-direction: column; } }
.component-5707 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5707:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5707 { flex-direction: column; } }
.component-5708 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5708:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5708 { flex-direction: column; } }
.component-5709 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5709:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5709 { flex-direction: column; } }
.component-5710 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5710:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5710 { flex-direction: column; } }
.component-5711 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5711:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5711 { flex-direction: column; } }
.component-5712 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5712:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5712 { flex-direction: column; } }
.component-5713 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5713:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5713 { flex-direction: column; } }
.component-5714 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5714:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5714 { flex-direction: column; } }
.component-5715 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5715:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5715 { flex-direction: column; } }
.component-5716 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5716:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5716 { flex-direction: column; } }
.component-5717 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5717:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5717 { flex-direction: column; } }
.component-5718 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5718:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5718 { flex-direction: column; } }
.component-5719 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5719:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5719 { flex-direction: column; } }
.component-5720 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5720:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5720 { flex-direction: column; } }
.component-5721 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5721:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5721 { flex-direction: column; } }
.component-5722 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5722:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5722 { flex-direction: column; } }
.component-5723 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5723:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5723 { flex-direction: column; } }
.component-5724 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5724:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5724 { flex-direction: column; } }
.component-5725 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5725:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5725 { flex-direction: column; } }
.component-5726 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5726:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5726 { flex-direction: column; } }
.component-5727 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5727:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5727 { flex-direction: column; } }
.component-5728 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5728:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5728 { flex-direction: column; } }
.component-5729 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5729:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5729 { flex-direction: column; } }
.component-5730 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5730:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5730 { flex-direction: column; } }
.component-5731 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5731:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5731 { flex-direction: column; } }
.component-5732 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5732:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5732 { flex-direction: column; } }
.component-5733 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5733:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5733 { flex-direction: column; } }
.component-5734 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5734:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5734 { flex-direction: column; } }
.component-5735 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5735:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5735 { flex-direction: column; } }
.component-5736 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5736:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5736 { flex-direction: column; } }
.component-5737 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5737:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5737 { flex-direction: column; } }
.component-5738 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5738:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5738 { flex-direction: column; } }
.component-5739 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5739:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5739 { flex-direction: column; } }
.component-5740 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5740:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5740 { flex-direction: column; } }
.component-5741 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5741:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5741 { flex-direction: column; } }
.component-5742 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5742:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5742 { flex-direction: column; } }
.component-5743 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5743:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5743 { flex-direction: column; } }
.component-5744 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5744:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5744 { flex-direction: column; } }
.component-5745 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5745:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5745 { flex-direction: column; } }
.component-5746 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5746:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5746 { flex-direction: column; } }
.component-5747 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5747:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5747 { flex-direction: column; } }
.component-5748 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5748:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5748 { flex-direction: column; } }
.component-5749 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5749:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5749 { flex-direction: column; } }
.component-5750 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5750:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5750 { flex-direction: column; } }
.component-5751 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5751:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5751 { flex-direction: column; } }
.component-5752 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5752:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5752 { flex-direction: column; } }
.component-5753 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5753:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5753 { flex-direction: column; } }
.component-5754 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5754:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5754 { flex-direction: column; } }
.component-5755 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5755:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5755 { flex-direction: column; } }
.component-5756 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5756:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5756 { flex-direction: column; } }
.component-5757 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5757:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5757 { flex-direction: column; } }
.component-5758 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5758:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5758 { flex-direction: column; } }
.component-5759 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5759:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5759 { flex-direction: column; } }
.component-5760 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5760:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5760 { flex-direction: column; } }
.component-5761 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5761:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5761 { flex-direction: column; } }
.component-5762 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5762:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5762 { flex-direction: column; } }
.component-5763 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5763:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5763 { flex-direction: column; } }
.component-5764 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5764:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5764 { flex-direction: column; } }
.component-5765 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5765:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5765 { flex-direction: column; } }
.component-5766 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5766:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5766 { flex-direction: column; } }
.component-5767 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5767:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5767 { flex-direction: column; } }
.component-5768 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5768:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5768 { flex-direction: column; } }
.component-5769 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5769:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5769 { flex-direction: column; } }
.component-5770 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5770:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5770 { flex-direction: column; } }
.component-5771 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5771:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5771 { flex-direction: column; } }
.component-5772 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5772:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5772 { flex-direction: column; } }
.component-5773 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5773:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5773 { flex-direction: column; } }
.component-5774 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5774:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5774 { flex-direction: column; } }
.component-5775 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5775:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5775 { flex-direction: column; } }
.component-5776 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5776:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5776 { flex-direction: column; } }
.component-5777 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5777:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5777 { flex-direction: column; } }
.component-5778 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5778:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5778 { flex-direction: column; } }
.component-5779 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5779:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5779 { flex-direction: column; } }
.component-5780 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5780:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5780 { flex-direction: column; } }
.component-5781 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5781:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5781 { flex-direction: column; } }
.component-5782 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5782:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5782 { flex-direction: column; } }
.component-5783 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5783:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5783 { flex-direction: column; } }
.component-5784 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5784:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5784 { flex-direction: column; } }
.component-5785 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5785:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5785 { flex-direction: column; } }
.component-5786 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5786:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5786 { flex-direction: column; } }
.component-5787 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5787:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5787 { flex-direction: column; } }
.component-5788 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5788:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5788 { flex-direction: column; } }
.component-5789 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5789:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5789 { flex-direction: column; } }
.component-5790 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5790:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5790 { flex-direction: column; } }
.component-5791 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5791:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5791 { flex-direction: column; } }
.component-5792 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5792:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5792 { flex-direction: column; } }
.component-5793 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5793:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5793 { flex-direction: column; } }
.component-5794 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5794:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5794 { flex-direction: column; } }
.component-5795 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5795:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5795 { flex-direction: column; } }
.component-5796 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5796:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5796 { flex-direction: column; } }
.component-5797 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5797:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5797 { flex-direction: column; } }
.component-5798 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5798:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5798 { flex-direction: column; } }
.component-5799 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5799:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5799 { flex-direction: column; } }
.component-5800 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5800:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5800 { flex-direction: column; } }
.component-5801 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5801:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5801 { flex-direction: column; } }
.component-5802 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5802:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5802 { flex-direction: column; } }
.component-5803 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5803:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5803 { flex-direction: column; } }
.component-5804 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5804:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5804 { flex-direction: column; } }
.component-5805 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5805:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5805 { flex-direction: column; } }
.component-5806 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5806:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5806 { flex-direction: column; } }
.component-5807 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5807:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5807 { flex-direction: column; } }
.component-5808 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5808:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5808 { flex-direction: column; } }
.component-5809 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5809:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5809 { flex-direction: column; } }
.component-5810 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5810:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5810 { flex-direction: column; } }
.component-5811 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5811:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5811 { flex-direction: column; } }
.component-5812 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5812:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5812 { flex-direction: column; } }
.component-5813 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5813:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5813 { flex-direction: column; } }
.component-5814 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5814:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5814 { flex-direction: column; } }
.component-5815 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5815:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5815 { flex-direction: column; } }
.component-5816 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5816:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5816 { flex-direction: column; } }
.component-5817 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5817:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5817 { flex-direction: column; } }
.component-5818 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5818:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5818 { flex-direction: column; } }
.component-5819 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5819:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5819 { flex-direction: column; } }
.component-5820 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5820:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5820 { flex-direction: column; } }
.component-5821 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5821:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5821 { flex-direction: column; } }
.component-5822 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5822:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5822 { flex-direction: column; } }
.component-5823 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5823:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5823 { flex-direction: column; } }
.component-5824 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5824:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5824 { flex-direction: column; } }
.component-5825 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5825:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5825 { flex-direction: column; } }
.component-5826 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5826:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5826 { flex-direction: column; } }
.component-5827 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5827:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5827 { flex-direction: column; } }
.component-5828 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5828:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5828 { flex-direction: column; } }
.component-5829 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5829:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5829 { flex-direction: column; } }
.component-5830 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5830:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5830 { flex-direction: column; } }
.component-5831 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5831:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5831 { flex-direction: column; } }
.component-5832 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5832:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5832 { flex-direction: column; } }
.component-5833 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5833:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5833 { flex-direction: column; } }
.component-5834 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5834:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5834 { flex-direction: column; } }
.component-5835 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5835:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5835 { flex-direction: column; } }
.component-5836 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5836:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5836 { flex-direction: column; } }
.component-5837 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5837:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5837 { flex-direction: column; } }
.component-5838 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5838:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5838 { flex-direction: column; } }
.component-5839 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5839:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5839 { flex-direction: column; } }
.component-5840 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5840:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5840 { flex-direction: column; } }
.component-5841 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5841:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5841 { flex-direction: column; } }
.component-5842 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5842:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5842 { flex-direction: column; } }
.component-5843 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5843:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5843 { flex-direction: column; } }
.component-5844 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5844:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5844 { flex-direction: column; } }
.component-5845 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5845:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5845 { flex-direction: column; } }
.component-5846 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5846:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5846 { flex-direction: column; } }
.component-5847 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5847:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5847 { flex-direction: column; } }
.component-5848 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5848:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5848 { flex-direction: column; } }
.component-5849 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5849:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5849 { flex-direction: column; } }
.component-5850 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5850:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5850 { flex-direction: column; } }
.component-5851 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5851:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5851 { flex-direction: column; } }
.component-5852 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5852:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5852 { flex-direction: column; } }
.component-5853 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5853:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5853 { flex-direction: column; } }
.component-5854 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5854:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5854 { flex-direction: column; } }
.component-5855 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5855:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5855 { flex-direction: column; } }
.component-5856 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5856:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5856 { flex-direction: column; } }
.component-5857 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5857:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5857 { flex-direction: column; } }
.component-5858 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5858:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5858 { flex-direction: column; } }
.component-5859 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5859:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5859 { flex-direction: column; } }
.component-5860 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5860:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5860 { flex-direction: column; } }
.component-5861 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5861:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5861 { flex-direction: column; } }
.component-5862 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5862:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5862 { flex-direction: column; } }
.component-5863 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5863:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5863 { flex-direction: column; } }
.component-5864 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5864:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5864 { flex-direction: column; } }
.component-5865 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5865:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5865 { flex-direction: column; } }
.component-5866 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5866:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5866 { flex-direction: column; } }
.component-5867 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5867:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5867 { flex-direction: column; } }
.component-5868 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5868:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5868 { flex-direction: column; } }
.component-5869 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5869:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5869 { flex-direction: column; } }
.component-5870 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5870:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5870 { flex-direction: column; } }
.component-5871 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5871:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5871 { flex-direction: column; } }
.component-5872 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5872:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5872 { flex-direction: column; } }
.component-5873 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5873:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5873 { flex-direction: column; } }
.component-5874 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5874:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5874 { flex-direction: column; } }
.component-5875 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5875:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5875 { flex-direction: column; } }
.component-5876 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5876:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5876 { flex-direction: column; } }
.component-5877 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5877:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5877 { flex-direction: column; } }
.component-5878 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5878:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5878 { flex-direction: column; } }
.component-5879 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5879:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5879 { flex-direction: column; } }
.component-5880 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5880:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5880 { flex-direction: column; } }
.component-5881 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5881:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5881 { flex-direction: column; } }
.component-5882 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5882:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5882 { flex-direction: column; } }
.component-5883 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5883:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5883 { flex-direction: column; } }
.component-5884 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5884:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5884 { flex-direction: column; } }
.component-5885 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5885:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5885 { flex-direction: column; } }
.component-5886 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5886:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5886 { flex-direction: column; } }
.component-5887 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5887:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5887 { flex-direction: column; } }
.component-5888 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5888:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5888 { flex-direction: column; } }
.component-5889 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5889:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5889 { flex-direction: column; } }
.component-5890 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5890:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5890 { flex-direction: column; } }
.component-5891 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5891:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5891 { flex-direction: column; } }
.component-5892 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5892:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5892 { flex-direction: column; } }
.component-5893 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5893:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5893 { flex-direction: column; } }
.component-5894 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5894:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5894 { flex-direction: column; } }
.component-5895 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5895:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5895 { flex-direction: column; } }
.component-5896 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5896:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5896 { flex-direction: column; } }
.component-5897 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5897:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5897 { flex-direction: column; } }
.component-5898 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5898:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5898 { flex-direction: column; } }
.component-5899 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5899:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5899 { flex-direction: column; } }
.component-5900 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5900:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5900 { flex-direction: column; } }
.component-5901 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5901:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5901 { flex-direction: column; } }
.component-5902 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5902:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5902 { flex-direction: column; } }
.component-5903 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5903:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5903 { flex-direction: column; } }
.component-5904 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5904:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5904 { flex-direction: column; } }
.component-5905 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5905:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5905 { flex-direction: column; } }
.component-5906 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5906:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5906 { flex-direction: column; } }
.component-5907 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5907:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5907 { flex-direction: column; } }
.component-5908 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5908:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5908 { flex-direction: column; } }
.component-5909 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5909:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5909 { flex-direction: column; } }
.component-5910 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5910:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5910 { flex-direction: column; } }
.component-5911 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5911:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5911 { flex-direction: column; } }
.component-5912 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5912:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5912 { flex-direction: column; } }
.component-5913 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5913:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5913 { flex-direction: column; } }
.component-5914 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5914:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5914 { flex-direction: column; } }
.component-5915 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5915:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5915 { flex-direction: column; } }
.component-5916 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5916:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5916 { flex-direction: column; } }
.component-5917 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5917:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5917 { flex-direction: column; } }
.component-5918 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5918:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5918 { flex-direction: column; } }
.component-5919 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5919:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5919 { flex-direction: column; } }
.component-5920 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5920:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5920 { flex-direction: column; } }
.component-5921 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5921:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5921 { flex-direction: column; } }
.component-5922 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5922:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5922 { flex-direction: column; } }
.component-5923 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5923:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5923 { flex-direction: column; } }
.component-5924 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5924:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5924 { flex-direction: column; } }
.component-5925 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5925:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5925 { flex-direction: column; } }
.component-5926 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5926:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5926 { flex-direction: column; } }
.component-5927 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5927:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5927 { flex-direction: column; } }
.component-5928 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5928:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5928 { flex-direction: column; } }
.component-5929 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5929:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5929 { flex-direction: column; } }
.component-5930 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5930:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5930 { flex-direction: column; } }
.component-5931 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5931:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5931 { flex-direction: column; } }
.component-5932 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5932:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5932 { flex-direction: column; } }
.component-5933 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5933:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5933 { flex-direction: column; } }
.component-5934 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5934:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5934 { flex-direction: column; } }
.component-5935 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5935:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5935 { flex-direction: column; } }
.component-5936 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5936:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5936 { flex-direction: column; } }
.component-5937 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5937:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5937 { flex-direction: column; } }
.component-5938 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5938:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5938 { flex-direction: column; } }
.component-5939 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5939:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5939 { flex-direction: column; } }
.component-5940 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5940:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5940 { flex-direction: column; } }
.component-5941 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5941:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5941 { flex-direction: column; } }
.component-5942 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5942:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5942 { flex-direction: column; } }
.component-5943 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5943:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5943 { flex-direction: column; } }
.component-5944 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5944:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5944 { flex-direction: column; } }
.component-5945 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5945:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5945 { flex-direction: column; } }
.component-5946 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5946:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5946 { flex-direction: column; } }
.component-5947 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5947:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5947 { flex-direction: column; } }
.component-5948 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5948:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5948 { flex-direction: column; } }
.component-5949 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5949:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5949 { flex-direction: column; } }
.component-5950 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5950:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5950 { flex-direction: column; } }
.component-5951 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5951:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5951 { flex-direction: column; } }
.component-5952 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5952:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5952 { flex-direction: column; } }
.component-5953 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5953:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5953 { flex-direction: column; } }
.component-5954 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5954:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5954 { flex-direction: column; } }
.component-5955 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5955:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5955 { flex-direction: column; } }
.component-5956 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5956:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5956 { flex-direction: column; } }
.component-5957 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5957:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5957 { flex-direction: column; } }
.component-5958 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5958:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5958 { flex-direction: column; } }
.component-5959 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5959:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5959 { flex-direction: column; } }
.component-5960 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5960:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5960 { flex-direction: column; } }
.component-5961 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5961:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5961 { flex-direction: column; } }
.component-5962 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5962:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5962 { flex-direction: column; } }
.component-5963 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5963:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5963 { flex-direction: column; } }
.component-5964 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5964:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5964 { flex-direction: column; } }
.component-5965 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5965:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5965 { flex-direction: column; } }
.component-5966 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5966:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5966 { flex-direction: column; } }
.component-5967 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5967:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5967 { flex-direction: column; } }
.component-5968 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5968:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5968 { flex-direction: column; } }
.component-5969 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5969:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5969 { flex-direction: column; } }
.component-5970 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5970:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5970 { flex-direction: column; } }
.component-5971 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5971:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5971 { flex-direction: column; } }
.component-5972 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5972:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5972 { flex-direction: column; } }
.component-5973 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5973:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5973 { flex-direction: column; } }
.component-5974 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5974:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5974 { flex-direction: column; } }
.component-5975 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5975:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5975 { flex-direction: column; } }
.component-5976 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5976:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5976 { flex-direction: column; } }
.component-5977 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5977:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5977 { flex-direction: column; } }
.component-5978 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5978:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5978 { flex-direction: column; } }
.component-5979 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5979:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5979 { flex-direction: column; } }
.component-5980 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5980:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5980 { flex-direction: column; } }
.component-5981 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5981:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5981 { flex-direction: column; } }
.component-5982 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5982:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5982 { flex-direction: column; } }
.component-5983 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5983:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5983 { flex-direction: column; } }
.component-5984 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5984:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5984 { flex-direction: column; } }
.component-5985 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5985:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-5985 { flex-direction: column; } }
.component-5986 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5986:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-5986 { flex-direction: column; } }
.component-5987 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5987:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-5987 { flex-direction: column; } }
.component-5988 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5988:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-5988 { flex-direction: column; } }
.component-5989 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5989:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-5989 { flex-direction: column; } }
.component-5990 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-5990:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-5990 { flex-direction: column; } }
.component-5991 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-5991:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-5991 { flex-direction: column; } }
.component-5992 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-5992:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-5992 { flex-direction: column; } }
.component-5993 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-5993:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-5993 { flex-direction: column; } }
.component-5994 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-5994:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-5994 { flex-direction: column; } }
.component-5995 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-5995:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-5995 { flex-direction: column; } }
.component-5996 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-5996:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-5996 { flex-direction: column; } }
.component-5997 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-5997:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-5997 { flex-direction: column; } }
.component-5998 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-5998:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-5998 { flex-direction: column; } }
.component-5999 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-5999:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-5999 { flex-direction: column; } }
.component-6000 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6000:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6000 { flex-direction: column; } }
.component-6001 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6001:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6001 { flex-direction: column; } }
.component-6002 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6002:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6002 { flex-direction: column; } }
.component-6003 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6003:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6003 { flex-direction: column; } }
.component-6004 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6004:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6004 { flex-direction: column; } }
.component-6005 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6005:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6005 { flex-direction: column; } }
.component-6006 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6006:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6006 { flex-direction: column; } }
.component-6007 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6007:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6007 { flex-direction: column; } }
.component-6008 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6008:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6008 { flex-direction: column; } }
.component-6009 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6009:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6009 { flex-direction: column; } }
.component-6010 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6010:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6010 { flex-direction: column; } }
.component-6011 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6011:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6011 { flex-direction: column; } }
.component-6012 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6012:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6012 { flex-direction: column; } }
.component-6013 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6013:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6013 { flex-direction: column; } }
.component-6014 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6014:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6014 { flex-direction: column; } }
.component-6015 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6015:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6015 { flex-direction: column; } }
.component-6016 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6016:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6016 { flex-direction: column; } }
.component-6017 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6017:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6017 { flex-direction: column; } }
.component-6018 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6018:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6018 { flex-direction: column; } }
.component-6019 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6019:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6019 { flex-direction: column; } }
.component-6020 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6020:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6020 { flex-direction: column; } }
.component-6021 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6021:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6021 { flex-direction: column; } }
.component-6022 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6022:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6022 { flex-direction: column; } }
.component-6023 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6023:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6023 { flex-direction: column; } }
.component-6024 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6024:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6024 { flex-direction: column; } }
.component-6025 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6025:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6025 { flex-direction: column; } }
.component-6026 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6026:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6026 { flex-direction: column; } }
.component-6027 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6027:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6027 { flex-direction: column; } }
.component-6028 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6028:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6028 { flex-direction: column; } }
.component-6029 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6029:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6029 { flex-direction: column; } }
.component-6030 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6030:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6030 { flex-direction: column; } }
.component-6031 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6031:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6031 { flex-direction: column; } }
.component-6032 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6032:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6032 { flex-direction: column; } }
.component-6033 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6033:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6033 { flex-direction: column; } }
.component-6034 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6034:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6034 { flex-direction: column; } }
.component-6035 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6035:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6035 { flex-direction: column; } }
.component-6036 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6036:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6036 { flex-direction: column; } }
.component-6037 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6037:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6037 { flex-direction: column; } }
.component-6038 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6038:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6038 { flex-direction: column; } }
.component-6039 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6039:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6039 { flex-direction: column; } }
.component-6040 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6040:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6040 { flex-direction: column; } }
.component-6041 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6041:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6041 { flex-direction: column; } }
.component-6042 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6042:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6042 { flex-direction: column; } }
.component-6043 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6043:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6043 { flex-direction: column; } }
.component-6044 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6044:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6044 { flex-direction: column; } }
.component-6045 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6045:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6045 { flex-direction: column; } }
.component-6046 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6046:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6046 { flex-direction: column; } }
.component-6047 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6047:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6047 { flex-direction: column; } }
.component-6048 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6048:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6048 { flex-direction: column; } }
.component-6049 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6049:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6049 { flex-direction: column; } }
.component-6050 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6050:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6050 { flex-direction: column; } }
.component-6051 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6051:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6051 { flex-direction: column; } }
.component-6052 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6052:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6052 { flex-direction: column; } }
.component-6053 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6053:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6053 { flex-direction: column; } }
.component-6054 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6054:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6054 { flex-direction: column; } }
.component-6055 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6055:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6055 { flex-direction: column; } }
.component-6056 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6056:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6056 { flex-direction: column; } }
.component-6057 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6057:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6057 { flex-direction: column; } }
.component-6058 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6058:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6058 { flex-direction: column; } }
.component-6059 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6059:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6059 { flex-direction: column; } }
.component-6060 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6060:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6060 { flex-direction: column; } }
.component-6061 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6061:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6061 { flex-direction: column; } }
.component-6062 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6062:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6062 { flex-direction: column; } }
.component-6063 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6063:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6063 { flex-direction: column; } }
.component-6064 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6064:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6064 { flex-direction: column; } }
.component-6065 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6065:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6065 { flex-direction: column; } }
.component-6066 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6066:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6066 { flex-direction: column; } }
.component-6067 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6067:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6067 { flex-direction: column; } }
.component-6068 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6068:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6068 { flex-direction: column; } }
.component-6069 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6069:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6069 { flex-direction: column; } }
.component-6070 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6070:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6070 { flex-direction: column; } }
.component-6071 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6071:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6071 { flex-direction: column; } }
.component-6072 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6072:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6072 { flex-direction: column; } }
.component-6073 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6073:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6073 { flex-direction: column; } }
.component-6074 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6074:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6074 { flex-direction: column; } }
.component-6075 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6075:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6075 { flex-direction: column; } }
.component-6076 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6076:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6076 { flex-direction: column; } }
.component-6077 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6077:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6077 { flex-direction: column; } }
.component-6078 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6078:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6078 { flex-direction: column; } }
.component-6079 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6079:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6079 { flex-direction: column; } }
.component-6080 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6080:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6080 { flex-direction: column; } }
.component-6081 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6081:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6081 { flex-direction: column; } }
.component-6082 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6082:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6082 { flex-direction: column; } }
.component-6083 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6083:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6083 { flex-direction: column; } }
.component-6084 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6084:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6084 { flex-direction: column; } }
.component-6085 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6085:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6085 { flex-direction: column; } }
.component-6086 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6086:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6086 { flex-direction: column; } }
.component-6087 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6087:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6087 { flex-direction: column; } }
.component-6088 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6088:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6088 { flex-direction: column; } }
.component-6089 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6089:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6089 { flex-direction: column; } }
.component-6090 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6090:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6090 { flex-direction: column; } }
.component-6091 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6091:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6091 { flex-direction: column; } }
.component-6092 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6092:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6092 { flex-direction: column; } }
.component-6093 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6093:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6093 { flex-direction: column; } }
.component-6094 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6094:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6094 { flex-direction: column; } }
.component-6095 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6095:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6095 { flex-direction: column; } }
.component-6096 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6096:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6096 { flex-direction: column; } }
.component-6097 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6097:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6097 { flex-direction: column; } }
.component-6098 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6098:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6098 { flex-direction: column; } }
.component-6099 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6099:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6099 { flex-direction: column; } }
.component-6100 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6100:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6100 { flex-direction: column; } }
.component-6101 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6101:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6101 { flex-direction: column; } }
.component-6102 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6102:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6102 { flex-direction: column; } }
.component-6103 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6103:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6103 { flex-direction: column; } }
.component-6104 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6104:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6104 { flex-direction: column; } }
.component-6105 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6105:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6105 { flex-direction: column; } }
.component-6106 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6106:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6106 { flex-direction: column; } }
.component-6107 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6107:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6107 { flex-direction: column; } }
.component-6108 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6108:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6108 { flex-direction: column; } }
.component-6109 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6109:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6109 { flex-direction: column; } }
.component-6110 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6110:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6110 { flex-direction: column; } }
.component-6111 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6111:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6111 { flex-direction: column; } }
.component-6112 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6112:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6112 { flex-direction: column; } }
.component-6113 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6113:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6113 { flex-direction: column; } }
.component-6114 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6114:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6114 { flex-direction: column; } }
.component-6115 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6115:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6115 { flex-direction: column; } }
.component-6116 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6116:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6116 { flex-direction: column; } }
.component-6117 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6117:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6117 { flex-direction: column; } }
.component-6118 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6118:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6118 { flex-direction: column; } }
.component-6119 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6119:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6119 { flex-direction: column; } }
.component-6120 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6120:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6120 { flex-direction: column; } }
.component-6121 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6121:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6121 { flex-direction: column; } }
.component-6122 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6122:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6122 { flex-direction: column; } }
.component-6123 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6123:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6123 { flex-direction: column; } }
.component-6124 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6124:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6124 { flex-direction: column; } }
.component-6125 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6125:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6125 { flex-direction: column; } }
.component-6126 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6126:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6126 { flex-direction: column; } }
.component-6127 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6127:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6127 { flex-direction: column; } }
.component-6128 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6128:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6128 { flex-direction: column; } }
.component-6129 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6129:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6129 { flex-direction: column; } }
.component-6130 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6130:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6130 { flex-direction: column; } }
.component-6131 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6131:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6131 { flex-direction: column; } }
.component-6132 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6132:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6132 { flex-direction: column; } }
.component-6133 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6133:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6133 { flex-direction: column; } }
.component-6134 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6134:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6134 { flex-direction: column; } }
.component-6135 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6135:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6135 { flex-direction: column; } }
.component-6136 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6136:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6136 { flex-direction: column; } }
.component-6137 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6137:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6137 { flex-direction: column; } }
.component-6138 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6138:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6138 { flex-direction: column; } }
.component-6139 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6139:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6139 { flex-direction: column; } }
.component-6140 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6140:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6140 { flex-direction: column; } }
.component-6141 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6141:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6141 { flex-direction: column; } }
.component-6142 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6142:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6142 { flex-direction: column; } }
.component-6143 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6143:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6143 { flex-direction: column; } }
.component-6144 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6144:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6144 { flex-direction: column; } }
.component-6145 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6145:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6145 { flex-direction: column; } }
.component-6146 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6146:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6146 { flex-direction: column; } }
.component-6147 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6147:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6147 { flex-direction: column; } }
.component-6148 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6148:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6148 { flex-direction: column; } }
.component-6149 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6149:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6149 { flex-direction: column; } }
.component-6150 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6150:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6150 { flex-direction: column; } }
.component-6151 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6151:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6151 { flex-direction: column; } }
.component-6152 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6152:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6152 { flex-direction: column; } }
.component-6153 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6153:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6153 { flex-direction: column; } }
.component-6154 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6154:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6154 { flex-direction: column; } }
.component-6155 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6155:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6155 { flex-direction: column; } }
.component-6156 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6156:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6156 { flex-direction: column; } }
.component-6157 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6157:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6157 { flex-direction: column; } }
.component-6158 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6158:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6158 { flex-direction: column; } }
.component-6159 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6159:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6159 { flex-direction: column; } }
.component-6160 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6160:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6160 { flex-direction: column; } }
.component-6161 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6161:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6161 { flex-direction: column; } }
.component-6162 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6162:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6162 { flex-direction: column; } }
.component-6163 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6163:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6163 { flex-direction: column; } }
.component-6164 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6164:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6164 { flex-direction: column; } }
.component-6165 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6165:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6165 { flex-direction: column; } }
.component-6166 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6166:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6166 { flex-direction: column; } }
.component-6167 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6167:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6167 { flex-direction: column; } }
.component-6168 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6168:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6168 { flex-direction: column; } }
.component-6169 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6169:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6169 { flex-direction: column; } }
.component-6170 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6170:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6170 { flex-direction: column; } }
.component-6171 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6171:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6171 { flex-direction: column; } }
.component-6172 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6172:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6172 { flex-direction: column; } }
.component-6173 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6173:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6173 { flex-direction: column; } }
.component-6174 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6174:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6174 { flex-direction: column; } }
.component-6175 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6175:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6175 { flex-direction: column; } }
.component-6176 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6176:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6176 { flex-direction: column; } }
.component-6177 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6177:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6177 { flex-direction: column; } }
.component-6178 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6178:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6178 { flex-direction: column; } }
.component-6179 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6179:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6179 { flex-direction: column; } }
.component-6180 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6180:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6180 { flex-direction: column; } }
.component-6181 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6181:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6181 { flex-direction: column; } }
.component-6182 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6182:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6182 { flex-direction: column; } }
.component-6183 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6183:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6183 { flex-direction: column; } }
.component-6184 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6184:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6184 { flex-direction: column; } }
.component-6185 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6185:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6185 { flex-direction: column; } }
.component-6186 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6186:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6186 { flex-direction: column; } }
.component-6187 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6187:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6187 { flex-direction: column; } }
.component-6188 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6188:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6188 { flex-direction: column; } }
.component-6189 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6189:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6189 { flex-direction: column; } }
.component-6190 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6190:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6190 { flex-direction: column; } }
.component-6191 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6191:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6191 { flex-direction: column; } }
.component-6192 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6192:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6192 { flex-direction: column; } }
.component-6193 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6193:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6193 { flex-direction: column; } }
.component-6194 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6194:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6194 { flex-direction: column; } }
.component-6195 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6195:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6195 { flex-direction: column; } }
.component-6196 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6196:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6196 { flex-direction: column; } }
.component-6197 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6197:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6197 { flex-direction: column; } }
.component-6198 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6198:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6198 { flex-direction: column; } }
.component-6199 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6199:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6199 { flex-direction: column; } }
.component-6200 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6200:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6200 { flex-direction: column; } }
.component-6201 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6201:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6201 { flex-direction: column; } }
.component-6202 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6202:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6202 { flex-direction: column; } }
.component-6203 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6203:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6203 { flex-direction: column; } }
.component-6204 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6204:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6204 { flex-direction: column; } }
.component-6205 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6205:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6205 { flex-direction: column; } }
.component-6206 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6206:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6206 { flex-direction: column; } }
.component-6207 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6207:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6207 { flex-direction: column; } }
.component-6208 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6208:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6208 { flex-direction: column; } }
.component-6209 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6209:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6209 { flex-direction: column; } }
.component-6210 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6210:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6210 { flex-direction: column; } }
.component-6211 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6211:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6211 { flex-direction: column; } }
.component-6212 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6212:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6212 { flex-direction: column; } }
.component-6213 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6213:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6213 { flex-direction: column; } }
.component-6214 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6214:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6214 { flex-direction: column; } }
.component-6215 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6215:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6215 { flex-direction: column; } }
.component-6216 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6216:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6216 { flex-direction: column; } }
.component-6217 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6217:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6217 { flex-direction: column; } }
.component-6218 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6218:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6218 { flex-direction: column; } }
.component-6219 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6219:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6219 { flex-direction: column; } }
.component-6220 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6220:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6220 { flex-direction: column; } }
.component-6221 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6221:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6221 { flex-direction: column; } }
.component-6222 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6222:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6222 { flex-direction: column; } }
.component-6223 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6223:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6223 { flex-direction: column; } }
.component-6224 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6224:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6224 { flex-direction: column; } }
.component-6225 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6225:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6225 { flex-direction: column; } }
.component-6226 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6226:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6226 { flex-direction: column; } }
.component-6227 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6227:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6227 { flex-direction: column; } }
.component-6228 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6228:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6228 { flex-direction: column; } }
.component-6229 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6229:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6229 { flex-direction: column; } }
.component-6230 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6230:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6230 { flex-direction: column; } }
.component-6231 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6231:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6231 { flex-direction: column; } }
.component-6232 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6232:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6232 { flex-direction: column; } }
.component-6233 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6233:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6233 { flex-direction: column; } }
.component-6234 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6234:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6234 { flex-direction: column; } }
.component-6235 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6235:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6235 { flex-direction: column; } }
.component-6236 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6236:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6236 { flex-direction: column; } }
.component-6237 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6237:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6237 { flex-direction: column; } }
.component-6238 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6238:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6238 { flex-direction: column; } }
.component-6239 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6239:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6239 { flex-direction: column; } }
.component-6240 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6240:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6240 { flex-direction: column; } }
.component-6241 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6241:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6241 { flex-direction: column; } }
.component-6242 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6242:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6242 { flex-direction: column; } }
.component-6243 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6243:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6243 { flex-direction: column; } }
.component-6244 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6244:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6244 { flex-direction: column; } }
.component-6245 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6245:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6245 { flex-direction: column; } }
.component-6246 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6246:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6246 { flex-direction: column; } }
.component-6247 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6247:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6247 { flex-direction: column; } }
.component-6248 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6248:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6248 { flex-direction: column; } }
.component-6249 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6249:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6249 { flex-direction: column; } }
.component-6250 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6250:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6250 { flex-direction: column; } }
.component-6251 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6251:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6251 { flex-direction: column; } }
.component-6252 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6252:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6252 { flex-direction: column; } }
.component-6253 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6253:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6253 { flex-direction: column; } }
.component-6254 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6254:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6254 { flex-direction: column; } }
.component-6255 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6255:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6255 { flex-direction: column; } }
.component-6256 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6256:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6256 { flex-direction: column; } }
.component-6257 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6257:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6257 { flex-direction: column; } }
.component-6258 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6258:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6258 { flex-direction: column; } }
.component-6259 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6259:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6259 { flex-direction: column; } }
.component-6260 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6260:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6260 { flex-direction: column; } }
.component-6261 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6261:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6261 { flex-direction: column; } }
.component-6262 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6262:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6262 { flex-direction: column; } }
.component-6263 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6263:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6263 { flex-direction: column; } }
.component-6264 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6264:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6264 { flex-direction: column; } }
.component-6265 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6265:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6265 { flex-direction: column; } }
.component-6266 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6266:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6266 { flex-direction: column; } }
.component-6267 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6267:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6267 { flex-direction: column; } }
.component-6268 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6268:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6268 { flex-direction: column; } }
.component-6269 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6269:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6269 { flex-direction: column; } }
.component-6270 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6270:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6270 { flex-direction: column; } }
.component-6271 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6271:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6271 { flex-direction: column; } }
.component-6272 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6272:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6272 { flex-direction: column; } }
.component-6273 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6273:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6273 { flex-direction: column; } }
.component-6274 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6274:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6274 { flex-direction: column; } }
.component-6275 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6275:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6275 { flex-direction: column; } }
.component-6276 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6276:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6276 { flex-direction: column; } }
.component-6277 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6277:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6277 { flex-direction: column; } }
.component-6278 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6278:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6278 { flex-direction: column; } }
.component-6279 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6279:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6279 { flex-direction: column; } }
.component-6280 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6280:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6280 { flex-direction: column; } }
.component-6281 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6281:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6281 { flex-direction: column; } }
.component-6282 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6282:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6282 { flex-direction: column; } }
.component-6283 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6283:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6283 { flex-direction: column; } }
.component-6284 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6284:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6284 { flex-direction: column; } }
.component-6285 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6285:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6285 { flex-direction: column; } }
.component-6286 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6286:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6286 { flex-direction: column; } }
.component-6287 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6287:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6287 { flex-direction: column; } }
.component-6288 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6288:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6288 { flex-direction: column; } }
.component-6289 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6289:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6289 { flex-direction: column; } }
.component-6290 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6290:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6290 { flex-direction: column; } }
.component-6291 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6291:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6291 { flex-direction: column; } }
.component-6292 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6292:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6292 { flex-direction: column; } }
.component-6293 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6293:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6293 { flex-direction: column; } }
.component-6294 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6294:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6294 { flex-direction: column; } }
.component-6295 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6295:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6295 { flex-direction: column; } }
.component-6296 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6296:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6296 { flex-direction: column; } }
.component-6297 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6297:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6297 { flex-direction: column; } }
.component-6298 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6298:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6298 { flex-direction: column; } }
.component-6299 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6299:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6299 { flex-direction: column; } }
.component-6300 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6300:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6300 { flex-direction: column; } }
.component-6301 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6301:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6301 { flex-direction: column; } }
.component-6302 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6302:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6302 { flex-direction: column; } }
.component-6303 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6303:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6303 { flex-direction: column; } }
.component-6304 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6304:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6304 { flex-direction: column; } }
.component-6305 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6305:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6305 { flex-direction: column; } }
.component-6306 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6306:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6306 { flex-direction: column; } }
.component-6307 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6307:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6307 { flex-direction: column; } }
.component-6308 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6308:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6308 { flex-direction: column; } }
.component-6309 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6309:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6309 { flex-direction: column; } }
.component-6310 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6310:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6310 { flex-direction: column; } }
.component-6311 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6311:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6311 { flex-direction: column; } }
.component-6312 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6312:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6312 { flex-direction: column; } }
.component-6313 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6313:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6313 { flex-direction: column; } }
.component-6314 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6314:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6314 { flex-direction: column; } }
.component-6315 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6315:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6315 { flex-direction: column; } }
.component-6316 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6316:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6316 { flex-direction: column; } }
.component-6317 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6317:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6317 { flex-direction: column; } }
.component-6318 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6318:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6318 { flex-direction: column; } }
.component-6319 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6319:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6319 { flex-direction: column; } }
.component-6320 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6320:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6320 { flex-direction: column; } }
.component-6321 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6321:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6321 { flex-direction: column; } }
.component-6322 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6322:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6322 { flex-direction: column; } }
.component-6323 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6323:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6323 { flex-direction: column; } }
.component-6324 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6324:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6324 { flex-direction: column; } }
.component-6325 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6325:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6325 { flex-direction: column; } }
.component-6326 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6326:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6326 { flex-direction: column; } }
.component-6327 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6327:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6327 { flex-direction: column; } }
.component-6328 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6328:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6328 { flex-direction: column; } }
.component-6329 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6329:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6329 { flex-direction: column; } }
.component-6330 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6330:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6330 { flex-direction: column; } }
.component-6331 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6331:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6331 { flex-direction: column; } }
.component-6332 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6332:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6332 { flex-direction: column; } }
.component-6333 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6333:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6333 { flex-direction: column; } }
.component-6334 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6334:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6334 { flex-direction: column; } }
.component-6335 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6335:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6335 { flex-direction: column; } }
.component-6336 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6336:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6336 { flex-direction: column; } }
.component-6337 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6337:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6337 { flex-direction: column; } }
.component-6338 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6338:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6338 { flex-direction: column; } }
.component-6339 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6339:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6339 { flex-direction: column; } }
.component-6340 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6340:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6340 { flex-direction: column; } }
.component-6341 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6341:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6341 { flex-direction: column; } }
.component-6342 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6342:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6342 { flex-direction: column; } }
.component-6343 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6343:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6343 { flex-direction: column; } }
.component-6344 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6344:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6344 { flex-direction: column; } }
.component-6345 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6345:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6345 { flex-direction: column; } }
.component-6346 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6346:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6346 { flex-direction: column; } }
.component-6347 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6347:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6347 { flex-direction: column; } }
.component-6348 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6348:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6348 { flex-direction: column; } }
.component-6349 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6349:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6349 { flex-direction: column; } }
.component-6350 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6350:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6350 { flex-direction: column; } }
.component-6351 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6351:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6351 { flex-direction: column; } }
.component-6352 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6352:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6352 { flex-direction: column; } }
.component-6353 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6353:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6353 { flex-direction: column; } }
.component-6354 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6354:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6354 { flex-direction: column; } }
.component-6355 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6355:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6355 { flex-direction: column; } }
.component-6356 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6356:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6356 { flex-direction: column; } }
.component-6357 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6357:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6357 { flex-direction: column; } }
.component-6358 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6358:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6358 { flex-direction: column; } }
.component-6359 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6359:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6359 { flex-direction: column; } }
.component-6360 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6360:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6360 { flex-direction: column; } }
.component-6361 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6361:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6361 { flex-direction: column; } }
.component-6362 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6362:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6362 { flex-direction: column; } }
.component-6363 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6363:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6363 { flex-direction: column; } }
.component-6364 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6364:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6364 { flex-direction: column; } }
.component-6365 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6365:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6365 { flex-direction: column; } }
.component-6366 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6366:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6366 { flex-direction: column; } }
.component-6367 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6367:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6367 { flex-direction: column; } }
.component-6368 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6368:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6368 { flex-direction: column; } }
.component-6369 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6369:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6369 { flex-direction: column; } }
.component-6370 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6370:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6370 { flex-direction: column; } }
.component-6371 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6371:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6371 { flex-direction: column; } }
.component-6372 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6372:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6372 { flex-direction: column; } }
.component-6373 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6373:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6373 { flex-direction: column; } }
.component-6374 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6374:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6374 { flex-direction: column; } }
.component-6375 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6375:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6375 { flex-direction: column; } }
.component-6376 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6376:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6376 { flex-direction: column; } }
.component-6377 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6377:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6377 { flex-direction: column; } }
.component-6378 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6378:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6378 { flex-direction: column; } }
.component-6379 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6379:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6379 { flex-direction: column; } }
.component-6380 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6380:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6380 { flex-direction: column; } }
.component-6381 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6381:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6381 { flex-direction: column; } }
.component-6382 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6382:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6382 { flex-direction: column; } }
.component-6383 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6383:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6383 { flex-direction: column; } }
.component-6384 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6384:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6384 { flex-direction: column; } }
.component-6385 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6385:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6385 { flex-direction: column; } }
.component-6386 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6386:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6386 { flex-direction: column; } }
.component-6387 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6387:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6387 { flex-direction: column; } }
.component-6388 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6388:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6388 { flex-direction: column; } }
.component-6389 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6389:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6389 { flex-direction: column; } }
.component-6390 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6390:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6390 { flex-direction: column; } }
.component-6391 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6391:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6391 { flex-direction: column; } }
.component-6392 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6392:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6392 { flex-direction: column; } }
.component-6393 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6393:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6393 { flex-direction: column; } }
.component-6394 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6394:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6394 { flex-direction: column; } }
.component-6395 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6395:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6395 { flex-direction: column; } }
.component-6396 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6396:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6396 { flex-direction: column; } }
.component-6397 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6397:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6397 { flex-direction: column; } }
.component-6398 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6398:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6398 { flex-direction: column; } }
.component-6399 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6399:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6399 { flex-direction: column; } }
.component-6400 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6400:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6400 { flex-direction: column; } }
.component-6401 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6401:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6401 { flex-direction: column; } }
.component-6402 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6402:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6402 { flex-direction: column; } }
.component-6403 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6403:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6403 { flex-direction: column; } }
.component-6404 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6404:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6404 { flex-direction: column; } }
.component-6405 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6405:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6405 { flex-direction: column; } }
.component-6406 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6406:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6406 { flex-direction: column; } }
.component-6407 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6407:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6407 { flex-direction: column; } }
.component-6408 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6408:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6408 { flex-direction: column; } }
.component-6409 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6409:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6409 { flex-direction: column; } }
.component-6410 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6410:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6410 { flex-direction: column; } }
.component-6411 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6411:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6411 { flex-direction: column; } }
.component-6412 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6412:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6412 { flex-direction: column; } }
.component-6413 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6413:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6413 { flex-direction: column; } }
.component-6414 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6414:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6414 { flex-direction: column; } }
.component-6415 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6415:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6415 { flex-direction: column; } }
.component-6416 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6416:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6416 { flex-direction: column; } }
.component-6417 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6417:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6417 { flex-direction: column; } }
.component-6418 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6418:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6418 { flex-direction: column; } }
.component-6419 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6419:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6419 { flex-direction: column; } }
.component-6420 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6420:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6420 { flex-direction: column; } }
.component-6421 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6421:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6421 { flex-direction: column; } }
.component-6422 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6422:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6422 { flex-direction: column; } }
.component-6423 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6423:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6423 { flex-direction: column; } }
.component-6424 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6424:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6424 { flex-direction: column; } }
.component-6425 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6425:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6425 { flex-direction: column; } }
.component-6426 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6426:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6426 { flex-direction: column; } }
.component-6427 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6427:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6427 { flex-direction: column; } }
.component-6428 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6428:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6428 { flex-direction: column; } }
.component-6429 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6429:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6429 { flex-direction: column; } }
.component-6430 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6430:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6430 { flex-direction: column; } }
.component-6431 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6431:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6431 { flex-direction: column; } }
.component-6432 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6432:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6432 { flex-direction: column; } }
.component-6433 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6433:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6433 { flex-direction: column; } }
.component-6434 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6434:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6434 { flex-direction: column; } }
.component-6435 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6435:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6435 { flex-direction: column; } }
.component-6436 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6436:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6436 { flex-direction: column; } }
.component-6437 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6437:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6437 { flex-direction: column; } }
.component-6438 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6438:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6438 { flex-direction: column; } }
.component-6439 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6439:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6439 { flex-direction: column; } }
.component-6440 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6440:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6440 { flex-direction: column; } }
.component-6441 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6441:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6441 { flex-direction: column; } }
.component-6442 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6442:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6442 { flex-direction: column; } }
.component-6443 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6443:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6443 { flex-direction: column; } }
.component-6444 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6444:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6444 { flex-direction: column; } }
.component-6445 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6445:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6445 { flex-direction: column; } }
.component-6446 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6446:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6446 { flex-direction: column; } }
.component-6447 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6447:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6447 { flex-direction: column; } }
.component-6448 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6448:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6448 { flex-direction: column; } }
.component-6449 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6449:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6449 { flex-direction: column; } }
.component-6450 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6450:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6450 { flex-direction: column; } }
.component-6451 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6451:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6451 { flex-direction: column; } }
.component-6452 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6452:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6452 { flex-direction: column; } }
.component-6453 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6453:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6453 { flex-direction: column; } }
.component-6454 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6454:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6454 { flex-direction: column; } }
.component-6455 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6455:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6455 { flex-direction: column; } }
.component-6456 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6456:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6456 { flex-direction: column; } }
.component-6457 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6457:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6457 { flex-direction: column; } }
.component-6458 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6458:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6458 { flex-direction: column; } }
.component-6459 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6459:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6459 { flex-direction: column; } }
.component-6460 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6460:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6460 { flex-direction: column; } }
.component-6461 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6461:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6461 { flex-direction: column; } }
.component-6462 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6462:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6462 { flex-direction: column; } }
.component-6463 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6463:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6463 { flex-direction: column; } }
.component-6464 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6464:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6464 { flex-direction: column; } }
.component-6465 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6465:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6465 { flex-direction: column; } }
.component-6466 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6466:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6466 { flex-direction: column; } }
.component-6467 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6467:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6467 { flex-direction: column; } }
.component-6468 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6468:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6468 { flex-direction: column; } }
.component-6469 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6469:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6469 { flex-direction: column; } }
.component-6470 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6470:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6470 { flex-direction: column; } }
.component-6471 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6471:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6471 { flex-direction: column; } }
.component-6472 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6472:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6472 { flex-direction: column; } }
.component-6473 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6473:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6473 { flex-direction: column; } }
.component-6474 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6474:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6474 { flex-direction: column; } }
.component-6475 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6475:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6475 { flex-direction: column; } }
.component-6476 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6476:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6476 { flex-direction: column; } }
.component-6477 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6477:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6477 { flex-direction: column; } }
.component-6478 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6478:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6478 { flex-direction: column; } }
.component-6479 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6479:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6479 { flex-direction: column; } }
.component-6480 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6480:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6480 { flex-direction: column; } }
.component-6481 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6481:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6481 { flex-direction: column; } }
.component-6482 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6482:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6482 { flex-direction: column; } }
.component-6483 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6483:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6483 { flex-direction: column; } }
.component-6484 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6484:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6484 { flex-direction: column; } }
.component-6485 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6485:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6485 { flex-direction: column; } }
.component-6486 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6486:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6486 { flex-direction: column; } }
.component-6487 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6487:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6487 { flex-direction: column; } }
.component-6488 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6488:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6488 { flex-direction: column; } }
.component-6489 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6489:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6489 { flex-direction: column; } }
.component-6490 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6490:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6490 { flex-direction: column; } }
.component-6491 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6491:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6491 { flex-direction: column; } }
.component-6492 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6492:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6492 { flex-direction: column; } }
.component-6493 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6493:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6493 { flex-direction: column; } }
.component-6494 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6494:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6494 { flex-direction: column; } }
.component-6495 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6495:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6495 { flex-direction: column; } }
.component-6496 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6496:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6496 { flex-direction: column; } }
.component-6497 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6497:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6497 { flex-direction: column; } }
.component-6498 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6498:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6498 { flex-direction: column; } }
.component-6499 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6499:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6499 { flex-direction: column; } }
.component-6500 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6500:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6500 { flex-direction: column; } }
.component-6501 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6501:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6501 { flex-direction: column; } }
.component-6502 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6502:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6502 { flex-direction: column; } }
.component-6503 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6503:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6503 { flex-direction: column; } }
.component-6504 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6504:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6504 { flex-direction: column; } }
.component-6505 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6505:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6505 { flex-direction: column; } }
.component-6506 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6506:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6506 { flex-direction: column; } }
.component-6507 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6507:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6507 { flex-direction: column; } }
.component-6508 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6508:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6508 { flex-direction: column; } }
.component-6509 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6509:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6509 { flex-direction: column; } }
.component-6510 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6510:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6510 { flex-direction: column; } }
.component-6511 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6511:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6511 { flex-direction: column; } }
.component-6512 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6512:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6512 { flex-direction: column; } }
.component-6513 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6513:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6513 { flex-direction: column; } }
.component-6514 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6514:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6514 { flex-direction: column; } }
.component-6515 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6515:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6515 { flex-direction: column; } }
.component-6516 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6516:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6516 { flex-direction: column; } }
.component-6517 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6517:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6517 { flex-direction: column; } }
.component-6518 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6518:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6518 { flex-direction: column; } }
.component-6519 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6519:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6519 { flex-direction: column; } }
.component-6520 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6520:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6520 { flex-direction: column; } }
.component-6521 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6521:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6521 { flex-direction: column; } }
.component-6522 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6522:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6522 { flex-direction: column; } }
.component-6523 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6523:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6523 { flex-direction: column; } }
.component-6524 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6524:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6524 { flex-direction: column; } }
.component-6525 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6525:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6525 { flex-direction: column; } }
.component-6526 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6526:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6526 { flex-direction: column; } }
.component-6527 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6527:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6527 { flex-direction: column; } }
.component-6528 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6528:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6528 { flex-direction: column; } }
.component-6529 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6529:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6529 { flex-direction: column; } }
.component-6530 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6530:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6530 { flex-direction: column; } }
.component-6531 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6531:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6531 { flex-direction: column; } }
.component-6532 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6532:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6532 { flex-direction: column; } }
.component-6533 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6533:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6533 { flex-direction: column; } }
.component-6534 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6534:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6534 { flex-direction: column; } }
.component-6535 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6535:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6535 { flex-direction: column; } }
.component-6536 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6536:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6536 { flex-direction: column; } }
.component-6537 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6537:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6537 { flex-direction: column; } }
.component-6538 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6538:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6538 { flex-direction: column; } }
.component-6539 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6539:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6539 { flex-direction: column; } }
.component-6540 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6540:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6540 { flex-direction: column; } }
.component-6541 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6541:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6541 { flex-direction: column; } }
.component-6542 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6542:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6542 { flex-direction: column; } }
.component-6543 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6543:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6543 { flex-direction: column; } }
.component-6544 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6544:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6544 { flex-direction: column; } }
.component-6545 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6545:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6545 { flex-direction: column; } }
.component-6546 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6546:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6546 { flex-direction: column; } }
.component-6547 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6547:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6547 { flex-direction: column; } }
.component-6548 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6548:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6548 { flex-direction: column; } }
.component-6549 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6549:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6549 { flex-direction: column; } }
.component-6550 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6550:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6550 { flex-direction: column; } }
.component-6551 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6551:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6551 { flex-direction: column; } }
.component-6552 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6552:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6552 { flex-direction: column; } }
.component-6553 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6553:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6553 { flex-direction: column; } }
.component-6554 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6554:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6554 { flex-direction: column; } }
.component-6555 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6555:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6555 { flex-direction: column; } }
.component-6556 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6556:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6556 { flex-direction: column; } }
.component-6557 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6557:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6557 { flex-direction: column; } }
.component-6558 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6558:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6558 { flex-direction: column; } }
.component-6559 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6559:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6559 { flex-direction: column; } }
.component-6560 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6560:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6560 { flex-direction: column; } }
.component-6561 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6561:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6561 { flex-direction: column; } }
.component-6562 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6562:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6562 { flex-direction: column; } }
.component-6563 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6563:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6563 { flex-direction: column; } }
.component-6564 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6564:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6564 { flex-direction: column; } }
.component-6565 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6565:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6565 { flex-direction: column; } }
.component-6566 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6566:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6566 { flex-direction: column; } }
.component-6567 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6567:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6567 { flex-direction: column; } }
.component-6568 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6568:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6568 { flex-direction: column; } }
.component-6569 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6569:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6569 { flex-direction: column; } }
.component-6570 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6570:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6570 { flex-direction: column; } }
.component-6571 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6571:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6571 { flex-direction: column; } }
.component-6572 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6572:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6572 { flex-direction: column; } }
.component-6573 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6573:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6573 { flex-direction: column; } }
.component-6574 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6574:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6574 { flex-direction: column; } }
.component-6575 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6575:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6575 { flex-direction: column; } }
.component-6576 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6576:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6576 { flex-direction: column; } }
.component-6577 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6577:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6577 { flex-direction: column; } }
.component-6578 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6578:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6578 { flex-direction: column; } }
.component-6579 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6579:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6579 { flex-direction: column; } }
.component-6580 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6580:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6580 { flex-direction: column; } }
.component-6581 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6581:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6581 { flex-direction: column; } }
.component-6582 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6582:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6582 { flex-direction: column; } }
.component-6583 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6583:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6583 { flex-direction: column; } }
.component-6584 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6584:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6584 { flex-direction: column; } }
.component-6585 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6585:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6585 { flex-direction: column; } }
.component-6586 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6586:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6586 { flex-direction: column; } }
.component-6587 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6587:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6587 { flex-direction: column; } }
.component-6588 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6588:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6588 { flex-direction: column; } }
.component-6589 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6589:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6589 { flex-direction: column; } }
.component-6590 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6590:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6590 { flex-direction: column; } }
.component-6591 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6591:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6591 { flex-direction: column; } }
.component-6592 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6592:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6592 { flex-direction: column; } }
.component-6593 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6593:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6593 { flex-direction: column; } }
.component-6594 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6594:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6594 { flex-direction: column; } }
.component-6595 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6595:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6595 { flex-direction: column; } }
.component-6596 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6596:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6596 { flex-direction: column; } }
.component-6597 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6597:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6597 { flex-direction: column; } }
.component-6598 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6598:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6598 { flex-direction: column; } }
.component-6599 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6599:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6599 { flex-direction: column; } }
.component-6600 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6600:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6600 { flex-direction: column; } }
.component-6601 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6601:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6601 { flex-direction: column; } }
.component-6602 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6602:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6602 { flex-direction: column; } }
.component-6603 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6603:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6603 { flex-direction: column; } }
.component-6604 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6604:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6604 { flex-direction: column; } }
.component-6605 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6605:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6605 { flex-direction: column; } }
.component-6606 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6606:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6606 { flex-direction: column; } }
.component-6607 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6607:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6607 { flex-direction: column; } }
.component-6608 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6608:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6608 { flex-direction: column; } }
.component-6609 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6609:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6609 { flex-direction: column; } }
.component-6610 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6610:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6610 { flex-direction: column; } }
.component-6611 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6611:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6611 { flex-direction: column; } }
.component-6612 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6612:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6612 { flex-direction: column; } }
.component-6613 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6613:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6613 { flex-direction: column; } }
.component-6614 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6614:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6614 { flex-direction: column; } }
.component-6615 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6615:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6615 { flex-direction: column; } }
.component-6616 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6616:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6616 { flex-direction: column; } }
.component-6617 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6617:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6617 { flex-direction: column; } }
.component-6618 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6618:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6618 { flex-direction: column; } }
.component-6619 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6619:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6619 { flex-direction: column; } }
.component-6620 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6620:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6620 { flex-direction: column; } }
.component-6621 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6621:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6621 { flex-direction: column; } }
.component-6622 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6622:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6622 { flex-direction: column; } }
.component-6623 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6623:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6623 { flex-direction: column; } }
.component-6624 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6624:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6624 { flex-direction: column; } }
.component-6625 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6625:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6625 { flex-direction: column; } }
.component-6626 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6626:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6626 { flex-direction: column; } }
.component-6627 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6627:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6627 { flex-direction: column; } }
.component-6628 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6628:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6628 { flex-direction: column; } }
.component-6629 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6629:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6629 { flex-direction: column; } }
.component-6630 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6630:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6630 { flex-direction: column; } }
.component-6631 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6631:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6631 { flex-direction: column; } }
.component-6632 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6632:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6632 { flex-direction: column; } }
.component-6633 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6633:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6633 { flex-direction: column; } }
.component-6634 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6634:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6634 { flex-direction: column; } }
.component-6635 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6635:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6635 { flex-direction: column; } }
.component-6636 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6636:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6636 { flex-direction: column; } }
.component-6637 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6637:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6637 { flex-direction: column; } }
.component-6638 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6638:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6638 { flex-direction: column; } }
.component-6639 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6639:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6639 { flex-direction: column; } }
.component-6640 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6640:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6640 { flex-direction: column; } }
.component-6641 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6641:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6641 { flex-direction: column; } }
.component-6642 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6642:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6642 { flex-direction: column; } }
.component-6643 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6643:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6643 { flex-direction: column; } }
.component-6644 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6644:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6644 { flex-direction: column; } }
.component-6645 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6645:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6645 { flex-direction: column; } }
.component-6646 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6646:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6646 { flex-direction: column; } }
.component-6647 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6647:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6647 { flex-direction: column; } }
.component-6648 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6648:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6648 { flex-direction: column; } }
.component-6649 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6649:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6649 { flex-direction: column; } }
.component-6650 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6650:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6650 { flex-direction: column; } }
.component-6651 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6651:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6651 { flex-direction: column; } }
.component-6652 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6652:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6652 { flex-direction: column; } }
.component-6653 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6653:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6653 { flex-direction: column; } }
.component-6654 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6654:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6654 { flex-direction: column; } }
.component-6655 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6655:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6655 { flex-direction: column; } }
.component-6656 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6656:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6656 { flex-direction: column; } }
.component-6657 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6657:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6657 { flex-direction: column; } }
.component-6658 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6658:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6658 { flex-direction: column; } }
.component-6659 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6659:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6659 { flex-direction: column; } }
.component-6660 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6660:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6660 { flex-direction: column; } }
.component-6661 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6661:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6661 { flex-direction: column; } }
.component-6662 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6662:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6662 { flex-direction: column; } }
.component-6663 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6663:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6663 { flex-direction: column; } }
.component-6664 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6664:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6664 { flex-direction: column; } }
.component-6665 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6665:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6665 { flex-direction: column; } }
.component-6666 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6666:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6666 { flex-direction: column; } }
.component-6667 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6667:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6667 { flex-direction: column; } }
.component-6668 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6668:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6668 { flex-direction: column; } }
.component-6669 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6669:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6669 { flex-direction: column; } }
.component-6670 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6670:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6670 { flex-direction: column; } }
.component-6671 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6671:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6671 { flex-direction: column; } }
.component-6672 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6672:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6672 { flex-direction: column; } }
.component-6673 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6673:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6673 { flex-direction: column; } }
.component-6674 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6674:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6674 { flex-direction: column; } }
.component-6675 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6675:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6675 { flex-direction: column; } }
.component-6676 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6676:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6676 { flex-direction: column; } }
.component-6677 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6677:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6677 { flex-direction: column; } }
.component-6678 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6678:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6678 { flex-direction: column; } }
.component-6679 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6679:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6679 { flex-direction: column; } }
.component-6680 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6680:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6680 { flex-direction: column; } }
.component-6681 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6681:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6681 { flex-direction: column; } }
.component-6682 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6682:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6682 { flex-direction: column; } }
.component-6683 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6683:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6683 { flex-direction: column; } }
.component-6684 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6684:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6684 { flex-direction: column; } }
.component-6685 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6685:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6685 { flex-direction: column; } }
.component-6686 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6686:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6686 { flex-direction: column; } }
.component-6687 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6687:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6687 { flex-direction: column; } }
.component-6688 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6688:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6688 { flex-direction: column; } }
.component-6689 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6689:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6689 { flex-direction: column; } }
.component-6690 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6690:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6690 { flex-direction: column; } }
.component-6691 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6691:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6691 { flex-direction: column; } }
.component-6692 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6692:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6692 { flex-direction: column; } }
.component-6693 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6693:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6693 { flex-direction: column; } }
.component-6694 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6694:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6694 { flex-direction: column; } }
.component-6695 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6695:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6695 { flex-direction: column; } }
.component-6696 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6696:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6696 { flex-direction: column; } }
.component-6697 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6697:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6697 { flex-direction: column; } }
.component-6698 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6698:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6698 { flex-direction: column; } }
.component-6699 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6699:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6699 { flex-direction: column; } }
.component-6700 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6700:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6700 { flex-direction: column; } }
.component-6701 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6701:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6701 { flex-direction: column; } }
.component-6702 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6702:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6702 { flex-direction: column; } }
.component-6703 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6703:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6703 { flex-direction: column; } }
.component-6704 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6704:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6704 { flex-direction: column; } }
.component-6705 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6705:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6705 { flex-direction: column; } }
.component-6706 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6706:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6706 { flex-direction: column; } }
.component-6707 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6707:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6707 { flex-direction: column; } }
.component-6708 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6708:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6708 { flex-direction: column; } }
.component-6709 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6709:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6709 { flex-direction: column; } }
.component-6710 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6710:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6710 { flex-direction: column; } }
.component-6711 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6711:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6711 { flex-direction: column; } }
.component-6712 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6712:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6712 { flex-direction: column; } }
.component-6713 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6713:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6713 { flex-direction: column; } }
.component-6714 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6714:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6714 { flex-direction: column; } }
.component-6715 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6715:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6715 { flex-direction: column; } }
.component-6716 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6716:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6716 { flex-direction: column; } }
.component-6717 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6717:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6717 { flex-direction: column; } }
.component-6718 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6718:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6718 { flex-direction: column; } }
.component-6719 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6719:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6719 { flex-direction: column; } }
.component-6720 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6720:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6720 { flex-direction: column; } }
.component-6721 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6721:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6721 { flex-direction: column; } }
.component-6722 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6722:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6722 { flex-direction: column; } }
.component-6723 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6723:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6723 { flex-direction: column; } }
.component-6724 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6724:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6724 { flex-direction: column; } }
.component-6725 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6725:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6725 { flex-direction: column; } }
.component-6726 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6726:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6726 { flex-direction: column; } }
.component-6727 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6727:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6727 { flex-direction: column; } }
.component-6728 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6728:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6728 { flex-direction: column; } }
.component-6729 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6729:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6729 { flex-direction: column; } }
.component-6730 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6730:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6730 { flex-direction: column; } }
.component-6731 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6731:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6731 { flex-direction: column; } }
.component-6732 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6732:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6732 { flex-direction: column; } }
.component-6733 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6733:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6733 { flex-direction: column; } }
.component-6734 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6734:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6734 { flex-direction: column; } }
.component-6735 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6735:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6735 { flex-direction: column; } }
.component-6736 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6736:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6736 { flex-direction: column; } }
.component-6737 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6737:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6737 { flex-direction: column; } }
.component-6738 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6738:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6738 { flex-direction: column; } }
.component-6739 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6739:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6739 { flex-direction: column; } }
.component-6740 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6740:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6740 { flex-direction: column; } }
.component-6741 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6741:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6741 { flex-direction: column; } }
.component-6742 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6742:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6742 { flex-direction: column; } }
.component-6743 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6743:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6743 { flex-direction: column; } }
.component-6744 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6744:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6744 { flex-direction: column; } }
.component-6745 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6745:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6745 { flex-direction: column; } }
.component-6746 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6746:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6746 { flex-direction: column; } }
.component-6747 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6747:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6747 { flex-direction: column; } }
.component-6748 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6748:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6748 { flex-direction: column; } }
.component-6749 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6749:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6749 { flex-direction: column; } }
.component-6750 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6750:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6750 { flex-direction: column; } }
.component-6751 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6751:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6751 { flex-direction: column; } }
.component-6752 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6752:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6752 { flex-direction: column; } }
.component-6753 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6753:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6753 { flex-direction: column; } }
.component-6754 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6754:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6754 { flex-direction: column; } }
.component-6755 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6755:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6755 { flex-direction: column; } }
.component-6756 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6756:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6756 { flex-direction: column; } }
.component-6757 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6757:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6757 { flex-direction: column; } }
.component-6758 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6758:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6758 { flex-direction: column; } }
.component-6759 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6759:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6759 { flex-direction: column; } }
.component-6760 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6760:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6760 { flex-direction: column; } }
.component-6761 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6761:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6761 { flex-direction: column; } }
.component-6762 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6762:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6762 { flex-direction: column; } }
.component-6763 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6763:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6763 { flex-direction: column; } }
.component-6764 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6764:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6764 { flex-direction: column; } }
.component-6765 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6765:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6765 { flex-direction: column; } }
.component-6766 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6766:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6766 { flex-direction: column; } }
.component-6767 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6767:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6767 { flex-direction: column; } }
.component-6768 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6768:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6768 { flex-direction: column; } }
.component-6769 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6769:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6769 { flex-direction: column; } }
.component-6770 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6770:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6770 { flex-direction: column; } }
.component-6771 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6771:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6771 { flex-direction: column; } }
.component-6772 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6772:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6772 { flex-direction: column; } }
.component-6773 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6773:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6773 { flex-direction: column; } }
.component-6774 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6774:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6774 { flex-direction: column; } }
.component-6775 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6775:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6775 { flex-direction: column; } }
.component-6776 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6776:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6776 { flex-direction: column; } }
.component-6777 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6777:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6777 { flex-direction: column; } }
.component-6778 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6778:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6778 { flex-direction: column; } }
.component-6779 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6779:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6779 { flex-direction: column; } }
.component-6780 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6780:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6780 { flex-direction: column; } }
.component-6781 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6781:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6781 { flex-direction: column; } }
.component-6782 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6782:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6782 { flex-direction: column; } }
.component-6783 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6783:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6783 { flex-direction: column; } }
.component-6784 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6784:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6784 { flex-direction: column; } }
.component-6785 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6785:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6785 { flex-direction: column; } }
.component-6786 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6786:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6786 { flex-direction: column; } }
.component-6787 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6787:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6787 { flex-direction: column; } }
.component-6788 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6788:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6788 { flex-direction: column; } }
.component-6789 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6789:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6789 { flex-direction: column; } }
.component-6790 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6790:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6790 { flex-direction: column; } }
.component-6791 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6791:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6791 { flex-direction: column; } }
.component-6792 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6792:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6792 { flex-direction: column; } }
.component-6793 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6793:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6793 { flex-direction: column; } }
.component-6794 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6794:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6794 { flex-direction: column; } }
.component-6795 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6795:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6795 { flex-direction: column; } }
.component-6796 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6796:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6796 { flex-direction: column; } }
.component-6797 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6797:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6797 { flex-direction: column; } }
.component-6798 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6798:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6798 { flex-direction: column; } }
.component-6799 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6799:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6799 { flex-direction: column; } }
.component-6800 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6800:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6800 { flex-direction: column; } }
.component-6801 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6801:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6801 { flex-direction: column; } }
.component-6802 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6802:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6802 { flex-direction: column; } }
.component-6803 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6803:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6803 { flex-direction: column; } }
.component-6804 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6804:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6804 { flex-direction: column; } }
.component-6805 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6805:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6805 { flex-direction: column; } }
.component-6806 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6806:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6806 { flex-direction: column; } }
.component-6807 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6807:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6807 { flex-direction: column; } }
.component-6808 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6808:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6808 { flex-direction: column; } }
.component-6809 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6809:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6809 { flex-direction: column; } }
.component-6810 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6810:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6810 { flex-direction: column; } }
.component-6811 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6811:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6811 { flex-direction: column; } }
.component-6812 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6812:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6812 { flex-direction: column; } }
.component-6813 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6813:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6813 { flex-direction: column; } }
.component-6814 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6814:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6814 { flex-direction: column; } }
.component-6815 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6815:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6815 { flex-direction: column; } }
.component-6816 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6816:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6816 { flex-direction: column; } }
.component-6817 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6817:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6817 { flex-direction: column; } }
.component-6818 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6818:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6818 { flex-direction: column; } }
.component-6819 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6819:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6819 { flex-direction: column; } }
.component-6820 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6820:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6820 { flex-direction: column; } }
.component-6821 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6821:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6821 { flex-direction: column; } }
.component-6822 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6822:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6822 { flex-direction: column; } }
.component-6823 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6823:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6823 { flex-direction: column; } }
.component-6824 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6824:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6824 { flex-direction: column; } }
.component-6825 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6825:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6825 { flex-direction: column; } }
.component-6826 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6826:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6826 { flex-direction: column; } }
.component-6827 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6827:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6827 { flex-direction: column; } }
.component-6828 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6828:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6828 { flex-direction: column; } }
.component-6829 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6829:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6829 { flex-direction: column; } }
.component-6830 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6830:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6830 { flex-direction: column; } }
.component-6831 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6831:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6831 { flex-direction: column; } }
.component-6832 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6832:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6832 { flex-direction: column; } }
.component-6833 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6833:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6833 { flex-direction: column; } }
.component-6834 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6834:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6834 { flex-direction: column; } }
.component-6835 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6835:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6835 { flex-direction: column; } }
.component-6836 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6836:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6836 { flex-direction: column; } }
.component-6837 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6837:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6837 { flex-direction: column; } }
.component-6838 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6838:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6838 { flex-direction: column; } }
.component-6839 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6839:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6839 { flex-direction: column; } }
.component-6840 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6840:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6840 { flex-direction: column; } }
.component-6841 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6841:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6841 { flex-direction: column; } }
.component-6842 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6842:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6842 { flex-direction: column; } }
.component-6843 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6843:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6843 { flex-direction: column; } }
.component-6844 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6844:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6844 { flex-direction: column; } }
.component-6845 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6845:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6845 { flex-direction: column; } }
.component-6846 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6846:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6846 { flex-direction: column; } }
.component-6847 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6847:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6847 { flex-direction: column; } }
.component-6848 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6848:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6848 { flex-direction: column; } }
.component-6849 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6849:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6849 { flex-direction: column; } }
.component-6850 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6850:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6850 { flex-direction: column; } }
.component-6851 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6851:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6851 { flex-direction: column; } }
.component-6852 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6852:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6852 { flex-direction: column; } }
.component-6853 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6853:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6853 { flex-direction: column; } }
.component-6854 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6854:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6854 { flex-direction: column; } }
.component-6855 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6855:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6855 { flex-direction: column; } }
.component-6856 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6856:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6856 { flex-direction: column; } }
.component-6857 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6857:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6857 { flex-direction: column; } }
.component-6858 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6858:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6858 { flex-direction: column; } }
.component-6859 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6859:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6859 { flex-direction: column; } }
.component-6860 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6860:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6860 { flex-direction: column; } }
.component-6861 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6861:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6861 { flex-direction: column; } }
.component-6862 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6862:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6862 { flex-direction: column; } }
.component-6863 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6863:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6863 { flex-direction: column; } }
.component-6864 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6864:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6864 { flex-direction: column; } }
.component-6865 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6865:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6865 { flex-direction: column; } }
.component-6866 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6866:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6866 { flex-direction: column; } }
.component-6867 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6867:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6867 { flex-direction: column; } }
.component-6868 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6868:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6868 { flex-direction: column; } }
.component-6869 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6869:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6869 { flex-direction: column; } }
.component-6870 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6870:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6870 { flex-direction: column; } }
.component-6871 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6871:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6871 { flex-direction: column; } }
.component-6872 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6872:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6872 { flex-direction: column; } }
.component-6873 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6873:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6873 { flex-direction: column; } }
.component-6874 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6874:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6874 { flex-direction: column; } }
.component-6875 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6875:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6875 { flex-direction: column; } }
.component-6876 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6876:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6876 { flex-direction: column; } }
.component-6877 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6877:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6877 { flex-direction: column; } }
.component-6878 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6878:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6878 { flex-direction: column; } }
.component-6879 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6879:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6879 { flex-direction: column; } }
.component-6880 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6880:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6880 { flex-direction: column; } }
.component-6881 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6881:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6881 { flex-direction: column; } }
.component-6882 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6882:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6882 { flex-direction: column; } }
.component-6883 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6883:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6883 { flex-direction: column; } }
.component-6884 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6884:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6884 { flex-direction: column; } }
.component-6885 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6885:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6885 { flex-direction: column; } }
.component-6886 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6886:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6886 { flex-direction: column; } }
.component-6887 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6887:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6887 { flex-direction: column; } }
.component-6888 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6888:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6888 { flex-direction: column; } }
.component-6889 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6889:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6889 { flex-direction: column; } }
.component-6890 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6890:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6890 { flex-direction: column; } }
.component-6891 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6891:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6891 { flex-direction: column; } }
.component-6892 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6892:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6892 { flex-direction: column; } }
.component-6893 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6893:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6893 { flex-direction: column; } }
.component-6894 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6894:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6894 { flex-direction: column; } }
.component-6895 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6895:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6895 { flex-direction: column; } }
.component-6896 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6896:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6896 { flex-direction: column; } }
.component-6897 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6897:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6897 { flex-direction: column; } }
.component-6898 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6898:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6898 { flex-direction: column; } }
.component-6899 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6899:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6899 { flex-direction: column; } }
.component-6900 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6900:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6900 { flex-direction: column; } }
.component-6901 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6901:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6901 { flex-direction: column; } }
.component-6902 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6902:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6902 { flex-direction: column; } }
.component-6903 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6903:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6903 { flex-direction: column; } }
.component-6904 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6904:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6904 { flex-direction: column; } }
.component-6905 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6905:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6905 { flex-direction: column; } }
.component-6906 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6906:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6906 { flex-direction: column; } }
.component-6907 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6907:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6907 { flex-direction: column; } }
.component-6908 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6908:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6908 { flex-direction: column; } }
.component-6909 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6909:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6909 { flex-direction: column; } }
.component-6910 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6910:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6910 { flex-direction: column; } }
.component-6911 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6911:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6911 { flex-direction: column; } }
.component-6912 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6912:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6912 { flex-direction: column; } }
.component-6913 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6913:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6913 { flex-direction: column; } }
.component-6914 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6914:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6914 { flex-direction: column; } }
.component-6915 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6915:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6915 { flex-direction: column; } }
.component-6916 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6916:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6916 { flex-direction: column; } }
.component-6917 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6917:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6917 { flex-direction: column; } }
.component-6918 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6918:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6918 { flex-direction: column; } }
.component-6919 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6919:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6919 { flex-direction: column; } }
.component-6920 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6920:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6920 { flex-direction: column; } }
.component-6921 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6921:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6921 { flex-direction: column; } }
.component-6922 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6922:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6922 { flex-direction: column; } }
.component-6923 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6923:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6923 { flex-direction: column; } }
.component-6924 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6924:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6924 { flex-direction: column; } }
.component-6925 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6925:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6925 { flex-direction: column; } }
.component-6926 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6926:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6926 { flex-direction: column; } }
.component-6927 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6927:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6927 { flex-direction: column; } }
.component-6928 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6928:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6928 { flex-direction: column; } }
.component-6929 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6929:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6929 { flex-direction: column; } }
.component-6930 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6930:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6930 { flex-direction: column; } }
.component-6931 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6931:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6931 { flex-direction: column; } }
.component-6932 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6932:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6932 { flex-direction: column; } }
.component-6933 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6933:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6933 { flex-direction: column; } }
.component-6934 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6934:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6934 { flex-direction: column; } }
.component-6935 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6935:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6935 { flex-direction: column; } }
.component-6936 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6936:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6936 { flex-direction: column; } }
.component-6937 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6937:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6937 { flex-direction: column; } }
.component-6938 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6938:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6938 { flex-direction: column; } }
.component-6939 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6939:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6939 { flex-direction: column; } }
.component-6940 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6940:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6940 { flex-direction: column; } }
.component-6941 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6941:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6941 { flex-direction: column; } }
.component-6942 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6942:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6942 { flex-direction: column; } }
.component-6943 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6943:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6943 { flex-direction: column; } }
.component-6944 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6944:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6944 { flex-direction: column; } }
.component-6945 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6945:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6945 { flex-direction: column; } }
.component-6946 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6946:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6946 { flex-direction: column; } }
.component-6947 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6947:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6947 { flex-direction: column; } }
.component-6948 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6948:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6948 { flex-direction: column; } }
.component-6949 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6949:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6949 { flex-direction: column; } }
.component-6950 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6950:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6950 { flex-direction: column; } }
.component-6951 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6951:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6951 { flex-direction: column; } }
.component-6952 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6952:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6952 { flex-direction: column; } }
.component-6953 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6953:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6953 { flex-direction: column; } }
.component-6954 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6954:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6954 { flex-direction: column; } }
.component-6955 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6955:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6955 { flex-direction: column; } }
.component-6956 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6956:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6956 { flex-direction: column; } }
.component-6957 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6957:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6957 { flex-direction: column; } }
.component-6958 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6958:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6958 { flex-direction: column; } }
.component-6959 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6959:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6959 { flex-direction: column; } }
.component-6960 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6960:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6960 { flex-direction: column; } }
.component-6961 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6961:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6961 { flex-direction: column; } }
.component-6962 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6962:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6962 { flex-direction: column; } }
.component-6963 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6963:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6963 { flex-direction: column; } }
.component-6964 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6964:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6964 { flex-direction: column; } }
.component-6965 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6965:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6965 { flex-direction: column; } }
.component-6966 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6966:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6966 { flex-direction: column; } }
.component-6967 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6967:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6967 { flex-direction: column; } }
.component-6968 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6968:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6968 { flex-direction: column; } }
.component-6969 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6969:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6969 { flex-direction: column; } }
.component-6970 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6970:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6970 { flex-direction: column; } }
.component-6971 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6971:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6971 { flex-direction: column; } }
.component-6972 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6972:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6972 { flex-direction: column; } }
.component-6973 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6973:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6973 { flex-direction: column; } }
.component-6974 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6974:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6974 { flex-direction: column; } }
.component-6975 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6975:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6975 { flex-direction: column; } }
.component-6976 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6976:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6976 { flex-direction: column; } }
.component-6977 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6977:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6977 { flex-direction: column; } }
.component-6978 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6978:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6978 { flex-direction: column; } }
.component-6979 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6979:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6979 { flex-direction: column; } }
.component-6980 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6980:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6980 { flex-direction: column; } }
.component-6981 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6981:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6981 { flex-direction: column; } }
.component-6982 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6982:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6982 { flex-direction: column; } }
.component-6983 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6983:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6983 { flex-direction: column; } }
.component-6984 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6984:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6984 { flex-direction: column; } }
.component-6985 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6985:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-6985 { flex-direction: column; } }
.component-6986 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6986:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-6986 { flex-direction: column; } }
.component-6987 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6987:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-6987 { flex-direction: column; } }
.component-6988 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6988:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-6988 { flex-direction: column; } }
.component-6989 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6989:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-6989 { flex-direction: column; } }
.component-6990 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-6990:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-6990 { flex-direction: column; } }
.component-6991 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-6991:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-6991 { flex-direction: column; } }
.component-6992 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-6992:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-6992 { flex-direction: column; } }
.component-6993 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-6993:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-6993 { flex-direction: column; } }
.component-6994 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-6994:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-6994 { flex-direction: column; } }
.component-6995 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-6995:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-6995 { flex-direction: column; } }
.component-6996 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-6996:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-6996 { flex-direction: column; } }
.component-6997 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-6997:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-6997 { flex-direction: column; } }
.component-6998 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-6998:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-6998 { flex-direction: column; } }
.component-6999 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-6999:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-6999 { flex-direction: column; } }
.component-7000 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7000:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7000 { flex-direction: column; } }
.component-7001 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7001:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7001 { flex-direction: column; } }
.component-7002 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7002:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7002 { flex-direction: column; } }
.component-7003 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7003:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7003 { flex-direction: column; } }
.component-7004 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7004:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7004 { flex-direction: column; } }
.component-7005 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7005:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7005 { flex-direction: column; } }
.component-7006 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7006:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7006 { flex-direction: column; } }
.component-7007 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7007:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7007 { flex-direction: column; } }
.component-7008 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7008:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7008 { flex-direction: column; } }
.component-7009 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7009:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7009 { flex-direction: column; } }
.component-7010 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7010:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7010 { flex-direction: column; } }
.component-7011 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7011:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7011 { flex-direction: column; } }
.component-7012 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7012:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7012 { flex-direction: column; } }
.component-7013 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7013:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7013 { flex-direction: column; } }
.component-7014 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7014:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7014 { flex-direction: column; } }
.component-7015 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7015:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7015 { flex-direction: column; } }
.component-7016 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7016:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7016 { flex-direction: column; } }
.component-7017 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7017:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7017 { flex-direction: column; } }
.component-7018 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7018:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7018 { flex-direction: column; } }
.component-7019 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7019:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7019 { flex-direction: column; } }
.component-7020 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7020:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7020 { flex-direction: column; } }
.component-7021 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7021:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7021 { flex-direction: column; } }
.component-7022 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7022:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7022 { flex-direction: column; } }
.component-7023 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7023:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7023 { flex-direction: column; } }
.component-7024 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7024:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7024 { flex-direction: column; } }
.component-7025 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7025:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7025 { flex-direction: column; } }
.component-7026 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7026:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7026 { flex-direction: column; } }
.component-7027 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7027:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7027 { flex-direction: column; } }
.component-7028 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7028:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7028 { flex-direction: column; } }
.component-7029 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7029:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7029 { flex-direction: column; } }
.component-7030 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7030:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7030 { flex-direction: column; } }
.component-7031 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7031:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7031 { flex-direction: column; } }
.component-7032 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7032:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7032 { flex-direction: column; } }
.component-7033 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7033:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7033 { flex-direction: column; } }
.component-7034 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7034:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7034 { flex-direction: column; } }
.component-7035 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7035:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7035 { flex-direction: column; } }
.component-7036 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7036:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7036 { flex-direction: column; } }
.component-7037 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7037:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7037 { flex-direction: column; } }
.component-7038 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7038:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7038 { flex-direction: column; } }
.component-7039 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7039:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7039 { flex-direction: column; } }
.component-7040 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7040:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7040 { flex-direction: column; } }
.component-7041 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7041:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7041 { flex-direction: column; } }
.component-7042 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7042:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7042 { flex-direction: column; } }
.component-7043 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7043:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7043 { flex-direction: column; } }
.component-7044 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7044:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7044 { flex-direction: column; } }
.component-7045 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7045:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7045 { flex-direction: column; } }
.component-7046 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7046:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7046 { flex-direction: column; } }
.component-7047 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7047:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7047 { flex-direction: column; } }
.component-7048 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7048:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7048 { flex-direction: column; } }
.component-7049 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7049:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7049 { flex-direction: column; } }
.component-7050 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7050:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7050 { flex-direction: column; } }
.component-7051 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7051:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7051 { flex-direction: column; } }
.component-7052 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7052:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7052 { flex-direction: column; } }
.component-7053 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7053:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7053 { flex-direction: column; } }
.component-7054 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7054:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7054 { flex-direction: column; } }
.component-7055 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7055:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7055 { flex-direction: column; } }
.component-7056 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7056:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7056 { flex-direction: column; } }
.component-7057 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7057:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7057 { flex-direction: column; } }
.component-7058 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7058:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7058 { flex-direction: column; } }
.component-7059 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7059:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7059 { flex-direction: column; } }
.component-7060 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7060:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7060 { flex-direction: column; } }
.component-7061 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7061:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7061 { flex-direction: column; } }
.component-7062 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7062:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7062 { flex-direction: column; } }
.component-7063 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7063:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7063 { flex-direction: column; } }
.component-7064 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7064:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7064 { flex-direction: column; } }
.component-7065 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7065:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7065 { flex-direction: column; } }
.component-7066 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7066:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7066 { flex-direction: column; } }
.component-7067 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7067:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7067 { flex-direction: column; } }
.component-7068 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7068:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7068 { flex-direction: column; } }
.component-7069 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7069:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7069 { flex-direction: column; } }
.component-7070 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7070:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7070 { flex-direction: column; } }
.component-7071 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7071:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7071 { flex-direction: column; } }
.component-7072 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7072:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7072 { flex-direction: column; } }
.component-7073 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7073:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7073 { flex-direction: column; } }
.component-7074 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7074:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7074 { flex-direction: column; } }
.component-7075 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7075:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7075 { flex-direction: column; } }
.component-7076 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7076:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7076 { flex-direction: column; } }
.component-7077 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7077:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7077 { flex-direction: column; } }
.component-7078 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7078:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7078 { flex-direction: column; } }
.component-7079 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7079:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7079 { flex-direction: column; } }
.component-7080 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7080:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7080 { flex-direction: column; } }
.component-7081 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7081:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7081 { flex-direction: column; } }
.component-7082 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7082:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7082 { flex-direction: column; } }
.component-7083 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7083:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7083 { flex-direction: column; } }
.component-7084 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7084:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7084 { flex-direction: column; } }
.component-7085 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7085:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7085 { flex-direction: column; } }
.component-7086 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7086:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7086 { flex-direction: column; } }
.component-7087 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7087:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7087 { flex-direction: column; } }
.component-7088 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7088:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7088 { flex-direction: column; } }
.component-7089 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7089:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7089 { flex-direction: column; } }
.component-7090 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7090:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7090 { flex-direction: column; } }
.component-7091 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7091:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7091 { flex-direction: column; } }
.component-7092 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7092:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7092 { flex-direction: column; } }
.component-7093 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7093:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7093 { flex-direction: column; } }
.component-7094 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7094:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7094 { flex-direction: column; } }
.component-7095 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7095:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7095 { flex-direction: column; } }
.component-7096 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7096:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7096 { flex-direction: column; } }
.component-7097 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7097:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7097 { flex-direction: column; } }
.component-7098 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7098:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7098 { flex-direction: column; } }
.component-7099 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7099:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7099 { flex-direction: column; } }
.component-7100 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7100:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7100 { flex-direction: column; } }
.component-7101 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7101:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7101 { flex-direction: column; } }
.component-7102 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7102:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7102 { flex-direction: column; } }
.component-7103 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7103:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7103 { flex-direction: column; } }
.component-7104 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7104:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7104 { flex-direction: column; } }
.component-7105 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7105:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7105 { flex-direction: column; } }
.component-7106 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7106:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7106 { flex-direction: column; } }
.component-7107 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7107:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7107 { flex-direction: column; } }
.component-7108 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7108:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7108 { flex-direction: column; } }
.component-7109 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7109:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7109 { flex-direction: column; } }
.component-7110 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7110:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7110 { flex-direction: column; } }
.component-7111 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7111:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7111 { flex-direction: column; } }
.component-7112 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7112:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7112 { flex-direction: column; } }
.component-7113 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7113:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7113 { flex-direction: column; } }
.component-7114 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7114:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7114 { flex-direction: column; } }
.component-7115 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7115:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7115 { flex-direction: column; } }
.component-7116 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7116:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7116 { flex-direction: column; } }
.component-7117 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7117:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7117 { flex-direction: column; } }
.component-7118 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7118:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7118 { flex-direction: column; } }
.component-7119 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7119:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7119 { flex-direction: column; } }
.component-7120 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7120:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7120 { flex-direction: column; } }
.component-7121 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7121:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7121 { flex-direction: column; } }
.component-7122 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7122:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7122 { flex-direction: column; } }
.component-7123 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7123:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7123 { flex-direction: column; } }
.component-7124 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7124:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7124 { flex-direction: column; } }
.component-7125 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7125:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7125 { flex-direction: column; } }
.component-7126 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7126:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7126 { flex-direction: column; } }
.component-7127 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7127:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7127 { flex-direction: column; } }
.component-7128 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7128:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7128 { flex-direction: column; } }
.component-7129 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7129:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7129 { flex-direction: column; } }
.component-7130 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7130:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7130 { flex-direction: column; } }
.component-7131 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7131:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7131 { flex-direction: column; } }
.component-7132 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7132:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7132 { flex-direction: column; } }
.component-7133 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7133:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7133 { flex-direction: column; } }
.component-7134 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7134:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7134 { flex-direction: column; } }
.component-7135 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7135:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7135 { flex-direction: column; } }
.component-7136 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7136:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7136 { flex-direction: column; } }
.component-7137 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7137:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7137 { flex-direction: column; } }
.component-7138 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7138:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7138 { flex-direction: column; } }
.component-7139 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7139:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7139 { flex-direction: column; } }
.component-7140 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7140:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7140 { flex-direction: column; } }
.component-7141 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7141:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7141 { flex-direction: column; } }
.component-7142 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7142:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7142 { flex-direction: column; } }
.component-7143 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7143:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7143 { flex-direction: column; } }
.component-7144 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7144:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7144 { flex-direction: column; } }
.component-7145 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7145:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7145 { flex-direction: column; } }
.component-7146 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7146:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7146 { flex-direction: column; } }
.component-7147 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7147:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7147 { flex-direction: column; } }
.component-7148 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7148:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7148 { flex-direction: column; } }
.component-7149 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7149:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7149 { flex-direction: column; } }
.component-7150 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7150:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7150 { flex-direction: column; } }
.component-7151 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7151:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7151 { flex-direction: column; } }
.component-7152 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7152:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7152 { flex-direction: column; } }
.component-7153 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7153:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7153 { flex-direction: column; } }
.component-7154 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7154:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7154 { flex-direction: column; } }
.component-7155 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7155:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7155 { flex-direction: column; } }
.component-7156 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7156:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7156 { flex-direction: column; } }
.component-7157 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7157:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7157 { flex-direction: column; } }
.component-7158 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7158:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7158 { flex-direction: column; } }
.component-7159 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7159:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7159 { flex-direction: column; } }
.component-7160 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7160:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7160 { flex-direction: column; } }
.component-7161 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7161:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7161 { flex-direction: column; } }
.component-7162 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7162:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7162 { flex-direction: column; } }
.component-7163 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7163:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7163 { flex-direction: column; } }
.component-7164 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7164:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7164 { flex-direction: column; } }
.component-7165 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7165:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7165 { flex-direction: column; } }
.component-7166 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7166:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7166 { flex-direction: column; } }
.component-7167 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7167:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7167 { flex-direction: column; } }
.component-7168 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7168:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7168 { flex-direction: column; } }
.component-7169 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7169:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7169 { flex-direction: column; } }
.component-7170 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7170:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7170 { flex-direction: column; } }
.component-7171 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7171:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7171 { flex-direction: column; } }
.component-7172 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7172:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7172 { flex-direction: column; } }
.component-7173 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7173:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7173 { flex-direction: column; } }
.component-7174 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7174:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7174 { flex-direction: column; } }
.component-7175 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7175:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7175 { flex-direction: column; } }
.component-7176 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7176:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7176 { flex-direction: column; } }
.component-7177 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7177:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7177 { flex-direction: column; } }
.component-7178 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7178:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7178 { flex-direction: column; } }
.component-7179 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7179:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7179 { flex-direction: column; } }
.component-7180 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7180:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7180 { flex-direction: column; } }
.component-7181 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7181:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7181 { flex-direction: column; } }
.component-7182 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7182:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7182 { flex-direction: column; } }
.component-7183 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7183:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7183 { flex-direction: column; } }
.component-7184 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7184:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7184 { flex-direction: column; } }
.component-7185 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7185:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7185 { flex-direction: column; } }
.component-7186 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7186:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7186 { flex-direction: column; } }
.component-7187 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7187:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7187 { flex-direction: column; } }
.component-7188 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7188:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7188 { flex-direction: column; } }
.component-7189 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7189:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7189 { flex-direction: column; } }
.component-7190 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7190:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7190 { flex-direction: column; } }
.component-7191 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7191:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7191 { flex-direction: column; } }
.component-7192 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7192:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7192 { flex-direction: column; } }
.component-7193 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7193:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7193 { flex-direction: column; } }
.component-7194 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7194:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7194 { flex-direction: column; } }
.component-7195 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7195:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7195 { flex-direction: column; } }
.component-7196 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7196:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7196 { flex-direction: column; } }
.component-7197 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7197:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7197 { flex-direction: column; } }
.component-7198 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7198:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7198 { flex-direction: column; } }
.component-7199 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7199:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7199 { flex-direction: column; } }
.component-7200 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7200:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7200 { flex-direction: column; } }
.component-7201 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7201:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7201 { flex-direction: column; } }
.component-7202 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7202:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7202 { flex-direction: column; } }
.component-7203 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7203:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7203 { flex-direction: column; } }
.component-7204 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7204:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7204 { flex-direction: column; } }
.component-7205 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7205:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7205 { flex-direction: column; } }
.component-7206 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7206:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7206 { flex-direction: column; } }
.component-7207 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7207:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7207 { flex-direction: column; } }
.component-7208 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7208:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7208 { flex-direction: column; } }
.component-7209 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7209:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7209 { flex-direction: column; } }
.component-7210 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7210:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7210 { flex-direction: column; } }
.component-7211 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7211:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7211 { flex-direction: column; } }
.component-7212 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7212:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7212 { flex-direction: column; } }
.component-7213 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7213:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7213 { flex-direction: column; } }
.component-7214 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7214:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7214 { flex-direction: column; } }
.component-7215 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7215:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7215 { flex-direction: column; } }
.component-7216 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7216:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7216 { flex-direction: column; } }
.component-7217 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7217:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7217 { flex-direction: column; } }
.component-7218 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7218:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7218 { flex-direction: column; } }
.component-7219 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7219:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7219 { flex-direction: column; } }
.component-7220 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7220:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7220 { flex-direction: column; } }
.component-7221 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7221:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7221 { flex-direction: column; } }
.component-7222 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7222:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7222 { flex-direction: column; } }
.component-7223 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7223:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7223 { flex-direction: column; } }
.component-7224 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7224:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7224 { flex-direction: column; } }
.component-7225 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7225:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7225 { flex-direction: column; } }
.component-7226 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7226:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7226 { flex-direction: column; } }
.component-7227 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7227:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7227 { flex-direction: column; } }
.component-7228 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7228:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7228 { flex-direction: column; } }
.component-7229 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7229:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7229 { flex-direction: column; } }
.component-7230 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7230:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7230 { flex-direction: column; } }
.component-7231 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7231:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7231 { flex-direction: column; } }
.component-7232 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7232:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7232 { flex-direction: column; } }
.component-7233 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7233:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7233 { flex-direction: column; } }
.component-7234 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7234:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7234 { flex-direction: column; } }
.component-7235 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7235:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7235 { flex-direction: column; } }
.component-7236 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7236:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7236 { flex-direction: column; } }
.component-7237 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7237:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7237 { flex-direction: column; } }
.component-7238 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7238:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7238 { flex-direction: column; } }
.component-7239 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7239:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7239 { flex-direction: column; } }
.component-7240 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7240:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7240 { flex-direction: column; } }
.component-7241 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7241:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7241 { flex-direction: column; } }
.component-7242 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7242:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7242 { flex-direction: column; } }
.component-7243 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7243:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7243 { flex-direction: column; } }
.component-7244 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7244:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7244 { flex-direction: column; } }
.component-7245 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7245:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7245 { flex-direction: column; } }
.component-7246 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7246:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7246 { flex-direction: column; } }
.component-7247 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7247:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7247 { flex-direction: column; } }
.component-7248 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7248:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7248 { flex-direction: column; } }
.component-7249 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7249:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7249 { flex-direction: column; } }
.component-7250 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7250:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7250 { flex-direction: column; } }
.component-7251 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7251:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7251 { flex-direction: column; } }
.component-7252 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7252:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7252 { flex-direction: column; } }
.component-7253 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7253:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7253 { flex-direction: column; } }
.component-7254 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7254:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7254 { flex-direction: column; } }
.component-7255 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7255:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7255 { flex-direction: column; } }
.component-7256 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7256:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7256 { flex-direction: column; } }
.component-7257 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7257:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7257 { flex-direction: column; } }
.component-7258 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7258:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7258 { flex-direction: column; } }
.component-7259 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7259:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7259 { flex-direction: column; } }
.component-7260 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7260:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7260 { flex-direction: column; } }
.component-7261 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7261:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7261 { flex-direction: column; } }
.component-7262 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7262:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7262 { flex-direction: column; } }
.component-7263 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7263:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7263 { flex-direction: column; } }
.component-7264 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7264:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7264 { flex-direction: column; } }
.component-7265 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7265:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7265 { flex-direction: column; } }
.component-7266 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7266:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7266 { flex-direction: column; } }
.component-7267 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7267:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7267 { flex-direction: column; } }
.component-7268 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7268:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7268 { flex-direction: column; } }
.component-7269 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7269:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7269 { flex-direction: column; } }
.component-7270 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7270:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7270 { flex-direction: column; } }
.component-7271 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7271:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7271 { flex-direction: column; } }
.component-7272 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7272:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7272 { flex-direction: column; } }
.component-7273 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7273:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7273 { flex-direction: column; } }
.component-7274 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7274:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7274 { flex-direction: column; } }
.component-7275 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7275:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7275 { flex-direction: column; } }
.component-7276 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7276:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7276 { flex-direction: column; } }
.component-7277 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7277:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7277 { flex-direction: column; } }
.component-7278 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7278:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7278 { flex-direction: column; } }
.component-7279 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7279:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7279 { flex-direction: column; } }
.component-7280 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7280:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7280 { flex-direction: column; } }
.component-7281 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7281:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7281 { flex-direction: column; } }
.component-7282 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7282:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7282 { flex-direction: column; } }
.component-7283 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7283:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7283 { flex-direction: column; } }
.component-7284 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7284:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7284 { flex-direction: column; } }
.component-7285 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7285:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7285 { flex-direction: column; } }
.component-7286 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7286:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7286 { flex-direction: column; } }
.component-7287 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7287:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7287 { flex-direction: column; } }
.component-7288 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7288:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7288 { flex-direction: column; } }
.component-7289 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7289:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7289 { flex-direction: column; } }
.component-7290 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7290:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7290 { flex-direction: column; } }
.component-7291 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7291:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7291 { flex-direction: column; } }
.component-7292 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7292:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7292 { flex-direction: column; } }
.component-7293 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7293:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7293 { flex-direction: column; } }
.component-7294 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7294:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7294 { flex-direction: column; } }
.component-7295 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7295:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7295 { flex-direction: column; } }
.component-7296 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7296:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7296 { flex-direction: column; } }
.component-7297 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7297:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7297 { flex-direction: column; } }
.component-7298 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7298:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7298 { flex-direction: column; } }
.component-7299 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7299:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7299 { flex-direction: column; } }
.component-7300 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7300:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7300 { flex-direction: column; } }
.component-7301 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7301:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7301 { flex-direction: column; } }
.component-7302 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7302:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7302 { flex-direction: column; } }
.component-7303 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7303:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7303 { flex-direction: column; } }
.component-7304 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7304:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7304 { flex-direction: column; } }
.component-7305 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7305:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7305 { flex-direction: column; } }
.component-7306 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7306:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7306 { flex-direction: column; } }
.component-7307 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7307:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7307 { flex-direction: column; } }
.component-7308 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7308:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7308 { flex-direction: column; } }
.component-7309 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7309:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7309 { flex-direction: column; } }
.component-7310 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7310:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7310 { flex-direction: column; } }
.component-7311 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7311:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7311 { flex-direction: column; } }
.component-7312 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7312:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7312 { flex-direction: column; } }
.component-7313 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7313:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7313 { flex-direction: column; } }
.component-7314 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7314:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7314 { flex-direction: column; } }
.component-7315 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7315:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7315 { flex-direction: column; } }
.component-7316 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7316:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7316 { flex-direction: column; } }
.component-7317 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7317:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7317 { flex-direction: column; } }
.component-7318 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7318:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7318 { flex-direction: column; } }
.component-7319 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7319:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7319 { flex-direction: column; } }
.component-7320 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7320:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7320 { flex-direction: column; } }
.component-7321 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7321:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7321 { flex-direction: column; } }
.component-7322 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7322:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7322 { flex-direction: column; } }
.component-7323 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7323:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7323 { flex-direction: column; } }
.component-7324 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7324:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7324 { flex-direction: column; } }
.component-7325 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7325:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7325 { flex-direction: column; } }
.component-7326 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7326:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7326 { flex-direction: column; } }
.component-7327 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7327:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7327 { flex-direction: column; } }
.component-7328 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7328:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7328 { flex-direction: column; } }
.component-7329 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7329:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7329 { flex-direction: column; } }
.component-7330 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7330:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7330 { flex-direction: column; } }
.component-7331 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7331:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7331 { flex-direction: column; } }
.component-7332 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7332:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7332 { flex-direction: column; } }
.component-7333 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7333:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7333 { flex-direction: column; } }
.component-7334 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7334:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7334 { flex-direction: column; } }
.component-7335 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7335:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7335 { flex-direction: column; } }
.component-7336 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7336:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7336 { flex-direction: column; } }
.component-7337 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7337:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7337 { flex-direction: column; } }
.component-7338 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7338:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7338 { flex-direction: column; } }
.component-7339 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7339:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7339 { flex-direction: column; } }
.component-7340 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7340:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7340 { flex-direction: column; } }
.component-7341 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7341:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7341 { flex-direction: column; } }
.component-7342 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7342:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7342 { flex-direction: column; } }
.component-7343 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7343:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7343 { flex-direction: column; } }
.component-7344 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7344:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7344 { flex-direction: column; } }
.component-7345 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7345:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7345 { flex-direction: column; } }
.component-7346 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7346:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7346 { flex-direction: column; } }
.component-7347 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7347:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7347 { flex-direction: column; } }
.component-7348 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7348:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7348 { flex-direction: column; } }
.component-7349 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7349:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7349 { flex-direction: column; } }
.component-7350 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7350:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7350 { flex-direction: column; } }
.component-7351 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7351:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7351 { flex-direction: column; } }
.component-7352 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7352:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7352 { flex-direction: column; } }
.component-7353 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7353:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7353 { flex-direction: column; } }
.component-7354 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7354:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7354 { flex-direction: column; } }
.component-7355 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7355:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7355 { flex-direction: column; } }
.component-7356 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7356:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7356 { flex-direction: column; } }
.component-7357 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7357:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7357 { flex-direction: column; } }
.component-7358 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7358:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7358 { flex-direction: column; } }
.component-7359 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7359:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7359 { flex-direction: column; } }
.component-7360 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7360:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7360 { flex-direction: column; } }
.component-7361 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7361:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7361 { flex-direction: column; } }
.component-7362 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7362:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7362 { flex-direction: column; } }
.component-7363 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7363:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7363 { flex-direction: column; } }
.component-7364 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7364:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7364 { flex-direction: column; } }
.component-7365 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7365:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7365 { flex-direction: column; } }
.component-7366 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7366:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7366 { flex-direction: column; } }
.component-7367 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7367:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7367 { flex-direction: column; } }
.component-7368 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7368:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7368 { flex-direction: column; } }
.component-7369 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7369:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7369 { flex-direction: column; } }
.component-7370 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7370:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7370 { flex-direction: column; } }
.component-7371 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7371:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7371 { flex-direction: column; } }
.component-7372 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7372:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7372 { flex-direction: column; } }
.component-7373 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7373:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7373 { flex-direction: column; } }
.component-7374 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7374:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7374 { flex-direction: column; } }
.component-7375 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7375:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7375 { flex-direction: column; } }
.component-7376 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7376:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7376 { flex-direction: column; } }
.component-7377 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7377:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7377 { flex-direction: column; } }
.component-7378 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7378:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7378 { flex-direction: column; } }
.component-7379 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7379:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7379 { flex-direction: column; } }
.component-7380 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7380:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7380 { flex-direction: column; } }
.component-7381 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7381:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7381 { flex-direction: column; } }
.component-7382 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7382:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7382 { flex-direction: column; } }
.component-7383 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7383:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7383 { flex-direction: column; } }
.component-7384 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7384:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7384 { flex-direction: column; } }
.component-7385 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7385:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7385 { flex-direction: column; } }
.component-7386 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7386:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7386 { flex-direction: column; } }
.component-7387 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7387:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7387 { flex-direction: column; } }
.component-7388 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7388:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7388 { flex-direction: column; } }
.component-7389 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7389:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7389 { flex-direction: column; } }
.component-7390 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7390:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7390 { flex-direction: column; } }
.component-7391 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7391:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7391 { flex-direction: column; } }
.component-7392 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7392:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7392 { flex-direction: column; } }
.component-7393 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7393:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7393 { flex-direction: column; } }
.component-7394 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7394:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7394 { flex-direction: column; } }
.component-7395 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7395:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7395 { flex-direction: column; } }
.component-7396 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7396:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7396 { flex-direction: column; } }
.component-7397 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7397:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7397 { flex-direction: column; } }
.component-7398 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7398:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7398 { flex-direction: column; } }
.component-7399 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7399:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7399 { flex-direction: column; } }
.component-7400 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7400:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7400 { flex-direction: column; } }
.component-7401 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7401:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7401 { flex-direction: column; } }
.component-7402 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7402:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7402 { flex-direction: column; } }
.component-7403 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7403:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7403 { flex-direction: column; } }
.component-7404 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7404:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7404 { flex-direction: column; } }
.component-7405 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7405:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7405 { flex-direction: column; } }
.component-7406 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7406:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7406 { flex-direction: column; } }
.component-7407 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7407:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7407 { flex-direction: column; } }
.component-7408 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7408:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7408 { flex-direction: column; } }
.component-7409 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7409:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7409 { flex-direction: column; } }
.component-7410 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7410:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7410 { flex-direction: column; } }
.component-7411 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7411:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7411 { flex-direction: column; } }
.component-7412 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7412:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7412 { flex-direction: column; } }
.component-7413 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7413:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7413 { flex-direction: column; } }
.component-7414 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7414:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7414 { flex-direction: column; } }
.component-7415 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7415:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7415 { flex-direction: column; } }
.component-7416 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7416:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7416 { flex-direction: column; } }
.component-7417 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7417:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7417 { flex-direction: column; } }
.component-7418 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7418:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7418 { flex-direction: column; } }
.component-7419 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7419:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7419 { flex-direction: column; } }
.component-7420 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7420:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7420 { flex-direction: column; } }
.component-7421 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7421:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7421 { flex-direction: column; } }
.component-7422 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7422:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7422 { flex-direction: column; } }
.component-7423 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7423:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7423 { flex-direction: column; } }
.component-7424 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7424:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7424 { flex-direction: column; } }
.component-7425 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7425:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7425 { flex-direction: column; } }
.component-7426 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7426:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7426 { flex-direction: column; } }
.component-7427 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7427:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7427 { flex-direction: column; } }
.component-7428 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7428:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7428 { flex-direction: column; } }
.component-7429 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7429:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7429 { flex-direction: column; } }
.component-7430 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7430:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7430 { flex-direction: column; } }
.component-7431 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7431:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7431 { flex-direction: column; } }
.component-7432 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7432:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7432 { flex-direction: column; } }
.component-7433 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7433:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7433 { flex-direction: column; } }
.component-7434 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7434:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7434 { flex-direction: column; } }
.component-7435 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7435:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7435 { flex-direction: column; } }
.component-7436 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7436:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7436 { flex-direction: column; } }
.component-7437 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7437:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7437 { flex-direction: column; } }
.component-7438 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7438:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7438 { flex-direction: column; } }
.component-7439 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7439:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7439 { flex-direction: column; } }
.component-7440 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7440:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7440 { flex-direction: column; } }
.component-7441 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7441:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7441 { flex-direction: column; } }
.component-7442 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7442:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7442 { flex-direction: column; } }
.component-7443 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7443:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7443 { flex-direction: column; } }
.component-7444 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7444:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7444 { flex-direction: column; } }
.component-7445 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7445:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7445 { flex-direction: column; } }
.component-7446 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7446:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7446 { flex-direction: column; } }
.component-7447 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7447:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7447 { flex-direction: column; } }
.component-7448 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7448:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7448 { flex-direction: column; } }
.component-7449 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7449:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7449 { flex-direction: column; } }
.component-7450 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7450:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7450 { flex-direction: column; } }
.component-7451 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7451:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7451 { flex-direction: column; } }
.component-7452 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7452:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7452 { flex-direction: column; } }
.component-7453 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7453:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7453 { flex-direction: column; } }
.component-7454 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7454:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7454 { flex-direction: column; } }
.component-7455 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7455:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7455 { flex-direction: column; } }
.component-7456 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7456:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7456 { flex-direction: column; } }
.component-7457 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7457:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7457 { flex-direction: column; } }
.component-7458 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7458:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7458 { flex-direction: column; } }
.component-7459 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7459:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7459 { flex-direction: column; } }
.component-7460 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7460:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7460 { flex-direction: column; } }
.component-7461 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7461:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7461 { flex-direction: column; } }
.component-7462 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7462:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7462 { flex-direction: column; } }
.component-7463 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7463:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7463 { flex-direction: column; } }
.component-7464 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7464:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7464 { flex-direction: column; } }
.component-7465 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7465:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7465 { flex-direction: column; } }
.component-7466 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7466:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7466 { flex-direction: column; } }
.component-7467 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7467:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7467 { flex-direction: column; } }
.component-7468 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7468:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7468 { flex-direction: column; } }
.component-7469 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7469:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7469 { flex-direction: column; } }
.component-7470 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7470:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7470 { flex-direction: column; } }
.component-7471 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7471:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7471 { flex-direction: column; } }
.component-7472 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7472:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7472 { flex-direction: column; } }
.component-7473 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7473:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7473 { flex-direction: column; } }
.component-7474 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7474:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7474 { flex-direction: column; } }
.component-7475 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7475:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7475 { flex-direction: column; } }
.component-7476 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7476:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7476 { flex-direction: column; } }
.component-7477 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7477:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7477 { flex-direction: column; } }
.component-7478 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7478:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7478 { flex-direction: column; } }
.component-7479 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7479:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7479 { flex-direction: column; } }
.component-7480 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7480:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7480 { flex-direction: column; } }
.component-7481 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7481:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7481 { flex-direction: column; } }
.component-7482 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7482:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7482 { flex-direction: column; } }
.component-7483 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7483:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7483 { flex-direction: column; } }
.component-7484 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7484:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7484 { flex-direction: column; } }
.component-7485 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7485:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7485 { flex-direction: column; } }
.component-7486 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7486:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7486 { flex-direction: column; } }
.component-7487 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7487:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7487 { flex-direction: column; } }
.component-7488 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7488:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7488 { flex-direction: column; } }
.component-7489 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7489:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7489 { flex-direction: column; } }
.component-7490 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7490:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7490 { flex-direction: column; } }
.component-7491 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7491:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7491 { flex-direction: column; } }
.component-7492 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7492:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7492 { flex-direction: column; } }
.component-7493 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7493:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7493 { flex-direction: column; } }
.component-7494 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7494:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7494 { flex-direction: column; } }
.component-7495 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7495:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7495 { flex-direction: column; } }
.component-7496 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7496:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7496 { flex-direction: column; } }
.component-7497 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7497:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7497 { flex-direction: column; } }
.component-7498 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7498:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7498 { flex-direction: column; } }
.component-7499 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7499:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7499 { flex-direction: column; } }
.component-7500 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7500:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7500 { flex-direction: column; } }
.component-7501 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7501:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7501 { flex-direction: column; } }
.component-7502 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7502:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7502 { flex-direction: column; } }
.component-7503 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7503:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7503 { flex-direction: column; } }
.component-7504 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7504:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7504 { flex-direction: column; } }
.component-7505 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7505:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7505 { flex-direction: column; } }
.component-7506 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7506:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7506 { flex-direction: column; } }
.component-7507 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7507:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7507 { flex-direction: column; } }
.component-7508 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7508:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7508 { flex-direction: column; } }
.component-7509 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7509:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7509 { flex-direction: column; } }
.component-7510 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7510:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7510 { flex-direction: column; } }
.component-7511 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7511:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7511 { flex-direction: column; } }
.component-7512 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7512:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7512 { flex-direction: column; } }
.component-7513 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7513:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7513 { flex-direction: column; } }
.component-7514 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7514:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7514 { flex-direction: column; } }
.component-7515 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7515:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7515 { flex-direction: column; } }
.component-7516 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7516:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7516 { flex-direction: column; } }
.component-7517 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7517:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7517 { flex-direction: column; } }
.component-7518 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7518:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7518 { flex-direction: column; } }
.component-7519 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7519:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7519 { flex-direction: column; } }
.component-7520 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7520:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7520 { flex-direction: column; } }
.component-7521 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7521:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7521 { flex-direction: column; } }
.component-7522 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7522:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7522 { flex-direction: column; } }
.component-7523 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7523:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7523 { flex-direction: column; } }
.component-7524 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7524:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7524 { flex-direction: column; } }
.component-7525 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7525:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7525 { flex-direction: column; } }
.component-7526 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7526:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7526 { flex-direction: column; } }
.component-7527 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7527:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7527 { flex-direction: column; } }
.component-7528 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7528:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7528 { flex-direction: column; } }
.component-7529 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7529:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7529 { flex-direction: column; } }
.component-7530 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7530:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7530 { flex-direction: column; } }
.component-7531 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7531:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7531 { flex-direction: column; } }
.component-7532 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7532:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7532 { flex-direction: column; } }
.component-7533 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7533:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7533 { flex-direction: column; } }
.component-7534 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7534:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7534 { flex-direction: column; } }
.component-7535 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7535:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7535 { flex-direction: column; } }
.component-7536 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7536:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7536 { flex-direction: column; } }
.component-7537 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7537:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7537 { flex-direction: column; } }
.component-7538 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7538:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7538 { flex-direction: column; } }
.component-7539 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7539:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7539 { flex-direction: column; } }
.component-7540 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7540:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7540 { flex-direction: column; } }
.component-7541 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7541:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7541 { flex-direction: column; } }
.component-7542 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7542:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7542 { flex-direction: column; } }
.component-7543 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7543:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7543 { flex-direction: column; } }
.component-7544 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7544:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7544 { flex-direction: column; } }
.component-7545 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7545:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7545 { flex-direction: column; } }
.component-7546 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7546:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7546 { flex-direction: column; } }
.component-7547 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7547:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7547 { flex-direction: column; } }
.component-7548 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7548:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7548 { flex-direction: column; } }
.component-7549 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7549:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7549 { flex-direction: column; } }
.component-7550 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7550:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7550 { flex-direction: column; } }
.component-7551 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7551:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7551 { flex-direction: column; } }
.component-7552 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7552:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7552 { flex-direction: column; } }
.component-7553 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7553:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7553 { flex-direction: column; } }
.component-7554 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7554:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7554 { flex-direction: column; } }
.component-7555 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7555:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7555 { flex-direction: column; } }
.component-7556 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7556:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7556 { flex-direction: column; } }
.component-7557 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7557:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7557 { flex-direction: column; } }
.component-7558 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7558:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7558 { flex-direction: column; } }
.component-7559 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7559:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7559 { flex-direction: column; } }
.component-7560 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7560:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7560 { flex-direction: column; } }
.component-7561 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7561:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7561 { flex-direction: column; } }
.component-7562 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7562:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7562 { flex-direction: column; } }
.component-7563 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7563:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7563 { flex-direction: column; } }
.component-7564 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7564:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7564 { flex-direction: column; } }
.component-7565 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7565:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7565 { flex-direction: column; } }
.component-7566 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7566:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7566 { flex-direction: column; } }
.component-7567 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7567:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7567 { flex-direction: column; } }
.component-7568 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7568:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7568 { flex-direction: column; } }
.component-7569 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7569:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7569 { flex-direction: column; } }
.component-7570 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7570:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7570 { flex-direction: column; } }
.component-7571 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7571:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7571 { flex-direction: column; } }
.component-7572 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7572:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7572 { flex-direction: column; } }
.component-7573 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7573:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7573 { flex-direction: column; } }
.component-7574 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7574:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7574 { flex-direction: column; } }
.component-7575 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7575:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7575 { flex-direction: column; } }
.component-7576 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7576:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7576 { flex-direction: column; } }
.component-7577 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7577:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7577 { flex-direction: column; } }
.component-7578 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7578:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7578 { flex-direction: column; } }
.component-7579 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7579:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7579 { flex-direction: column; } }
.component-7580 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7580:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7580 { flex-direction: column; } }
.component-7581 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7581:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7581 { flex-direction: column; } }
.component-7582 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7582:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7582 { flex-direction: column; } }
.component-7583 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7583:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7583 { flex-direction: column; } }
.component-7584 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7584:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7584 { flex-direction: column; } }
.component-7585 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7585:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7585 { flex-direction: column; } }
.component-7586 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7586:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7586 { flex-direction: column; } }
.component-7587 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7587:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7587 { flex-direction: column; } }
.component-7588 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7588:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7588 { flex-direction: column; } }
.component-7589 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7589:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7589 { flex-direction: column; } }
.component-7590 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7590:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7590 { flex-direction: column; } }
.component-7591 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7591:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7591 { flex-direction: column; } }
.component-7592 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7592:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7592 { flex-direction: column; } }
.component-7593 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7593:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7593 { flex-direction: column; } }
.component-7594 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7594:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7594 { flex-direction: column; } }
.component-7595 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7595:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7595 { flex-direction: column; } }
.component-7596 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7596:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7596 { flex-direction: column; } }
.component-7597 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7597:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7597 { flex-direction: column; } }
.component-7598 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7598:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7598 { flex-direction: column; } }
.component-7599 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7599:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7599 { flex-direction: column; } }
.component-7600 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7600:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7600 { flex-direction: column; } }
.component-7601 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7601:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7601 { flex-direction: column; } }
.component-7602 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7602:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7602 { flex-direction: column; } }
.component-7603 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7603:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7603 { flex-direction: column; } }
.component-7604 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7604:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7604 { flex-direction: column; } }
.component-7605 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7605:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7605 { flex-direction: column; } }
.component-7606 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7606:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7606 { flex-direction: column; } }
.component-7607 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7607:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7607 { flex-direction: column; } }
.component-7608 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7608:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7608 { flex-direction: column; } }
.component-7609 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7609:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7609 { flex-direction: column; } }
.component-7610 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7610:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7610 { flex-direction: column; } }
.component-7611 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7611:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7611 { flex-direction: column; } }
.component-7612 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7612:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7612 { flex-direction: column; } }
.component-7613 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7613:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7613 { flex-direction: column; } }
.component-7614 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7614:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7614 { flex-direction: column; } }
.component-7615 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7615:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7615 { flex-direction: column; } }
.component-7616 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7616:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7616 { flex-direction: column; } }
.component-7617 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7617:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7617 { flex-direction: column; } }
.component-7618 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7618:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7618 { flex-direction: column; } }
.component-7619 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7619:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7619 { flex-direction: column; } }
.component-7620 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7620:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7620 { flex-direction: column; } }
.component-7621 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7621:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7621 { flex-direction: column; } }
.component-7622 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7622:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7622 { flex-direction: column; } }
.component-7623 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7623:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7623 { flex-direction: column; } }
.component-7624 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7624:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7624 { flex-direction: column; } }
.component-7625 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7625:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7625 { flex-direction: column; } }
.component-7626 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7626:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7626 { flex-direction: column; } }
.component-7627 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7627:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7627 { flex-direction: column; } }
.component-7628 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7628:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7628 { flex-direction: column; } }
.component-7629 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7629:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7629 { flex-direction: column; } }
.component-7630 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7630:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7630 { flex-direction: column; } }
.component-7631 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7631:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7631 { flex-direction: column; } }
.component-7632 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7632:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7632 { flex-direction: column; } }
.component-7633 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7633:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7633 { flex-direction: column; } }
.component-7634 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7634:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7634 { flex-direction: column; } }
.component-7635 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7635:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7635 { flex-direction: column; } }
.component-7636 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7636:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7636 { flex-direction: column; } }
.component-7637 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7637:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7637 { flex-direction: column; } }
.component-7638 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7638:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7638 { flex-direction: column; } }
.component-7639 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7639:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7639 { flex-direction: column; } }
.component-7640 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7640:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7640 { flex-direction: column; } }
.component-7641 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7641:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7641 { flex-direction: column; } }
.component-7642 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7642:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7642 { flex-direction: column; } }
.component-7643 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7643:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7643 { flex-direction: column; } }
.component-7644 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7644:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7644 { flex-direction: column; } }
.component-7645 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7645:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7645 { flex-direction: column; } }
.component-7646 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7646:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7646 { flex-direction: column; } }
.component-7647 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7647:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7647 { flex-direction: column; } }
.component-7648 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7648:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7648 { flex-direction: column; } }
.component-7649 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7649:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7649 { flex-direction: column; } }
.component-7650 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7650:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7650 { flex-direction: column; } }
.component-7651 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7651:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7651 { flex-direction: column; } }
.component-7652 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7652:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7652 { flex-direction: column; } }
.component-7653 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7653:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7653 { flex-direction: column; } }
.component-7654 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7654:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7654 { flex-direction: column; } }
.component-7655 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7655:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7655 { flex-direction: column; } }
.component-7656 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7656:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7656 { flex-direction: column; } }
.component-7657 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7657:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7657 { flex-direction: column; } }
.component-7658 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7658:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7658 { flex-direction: column; } }
.component-7659 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7659:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7659 { flex-direction: column; } }
.component-7660 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7660:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7660 { flex-direction: column; } }
.component-7661 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7661:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7661 { flex-direction: column; } }
.component-7662 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7662:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7662 { flex-direction: column; } }
.component-7663 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7663:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7663 { flex-direction: column; } }
.component-7664 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7664:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7664 { flex-direction: column; } }
.component-7665 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7665:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7665 { flex-direction: column; } }
.component-7666 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7666:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7666 { flex-direction: column; } }
.component-7667 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7667:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7667 { flex-direction: column; } }
.component-7668 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7668:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7668 { flex-direction: column; } }
.component-7669 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7669:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7669 { flex-direction: column; } }
.component-7670 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7670:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7670 { flex-direction: column; } }
.component-7671 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7671:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7671 { flex-direction: column; } }
.component-7672 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7672:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7672 { flex-direction: column; } }
.component-7673 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7673:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7673 { flex-direction: column; } }
.component-7674 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7674:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7674 { flex-direction: column; } }
.component-7675 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7675:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7675 { flex-direction: column; } }
.component-7676 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7676:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7676 { flex-direction: column; } }
.component-7677 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7677:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7677 { flex-direction: column; } }
.component-7678 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7678:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7678 { flex-direction: column; } }
.component-7679 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7679:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7679 { flex-direction: column; } }
.component-7680 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7680:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7680 { flex-direction: column; } }
.component-7681 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7681:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7681 { flex-direction: column; } }
.component-7682 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7682:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7682 { flex-direction: column; } }
.component-7683 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7683:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7683 { flex-direction: column; } }
.component-7684 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7684:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7684 { flex-direction: column; } }
.component-7685 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7685:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7685 { flex-direction: column; } }
.component-7686 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7686:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7686 { flex-direction: column; } }
.component-7687 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7687:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7687 { flex-direction: column; } }
.component-7688 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7688:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7688 { flex-direction: column; } }
.component-7689 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7689:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7689 { flex-direction: column; } }
.component-7690 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7690:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7690 { flex-direction: column; } }
.component-7691 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7691:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7691 { flex-direction: column; } }
.component-7692 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7692:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7692 { flex-direction: column; } }
.component-7693 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7693:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7693 { flex-direction: column; } }
.component-7694 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7694:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7694 { flex-direction: column; } }
.component-7695 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7695:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7695 { flex-direction: column; } }
.component-7696 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7696:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7696 { flex-direction: column; } }
.component-7697 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7697:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7697 { flex-direction: column; } }
.component-7698 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7698:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7698 { flex-direction: column; } }
.component-7699 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7699:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7699 { flex-direction: column; } }
.component-7700 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7700:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7700 { flex-direction: column; } }
.component-7701 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7701:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7701 { flex-direction: column; } }
.component-7702 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7702:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7702 { flex-direction: column; } }
.component-7703 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7703:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7703 { flex-direction: column; } }
.component-7704 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7704:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7704 { flex-direction: column; } }
.component-7705 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7705:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7705 { flex-direction: column; } }
.component-7706 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7706:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7706 { flex-direction: column; } }
.component-7707 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7707:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7707 { flex-direction: column; } }
.component-7708 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7708:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7708 { flex-direction: column; } }
.component-7709 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7709:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7709 { flex-direction: column; } }
.component-7710 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7710:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7710 { flex-direction: column; } }
.component-7711 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7711:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7711 { flex-direction: column; } }
.component-7712 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7712:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7712 { flex-direction: column; } }
.component-7713 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7713:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7713 { flex-direction: column; } }
.component-7714 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7714:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7714 { flex-direction: column; } }
.component-7715 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7715:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7715 { flex-direction: column; } }
.component-7716 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7716:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7716 { flex-direction: column; } }
.component-7717 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7717:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7717 { flex-direction: column; } }
.component-7718 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7718:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7718 { flex-direction: column; } }
.component-7719 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7719:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7719 { flex-direction: column; } }
.component-7720 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7720:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7720 { flex-direction: column; } }
.component-7721 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7721:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7721 { flex-direction: column; } }
.component-7722 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7722:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7722 { flex-direction: column; } }
.component-7723 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7723:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7723 { flex-direction: column; } }
.component-7724 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7724:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7724 { flex-direction: column; } }
.component-7725 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7725:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7725 { flex-direction: column; } }
.component-7726 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7726:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7726 { flex-direction: column; } }
.component-7727 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7727:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7727 { flex-direction: column; } }
.component-7728 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7728:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7728 { flex-direction: column; } }
.component-7729 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7729:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7729 { flex-direction: column; } }
.component-7730 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7730:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7730 { flex-direction: column; } }
.component-7731 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7731:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7731 { flex-direction: column; } }
.component-7732 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7732:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7732 { flex-direction: column; } }
.component-7733 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7733:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7733 { flex-direction: column; } }
.component-7734 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7734:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7734 { flex-direction: column; } }
.component-7735 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7735:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7735 { flex-direction: column; } }
.component-7736 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7736:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7736 { flex-direction: column; } }
.component-7737 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7737:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7737 { flex-direction: column; } }
.component-7738 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7738:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7738 { flex-direction: column; } }
.component-7739 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7739:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7739 { flex-direction: column; } }
.component-7740 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7740:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7740 { flex-direction: column; } }
.component-7741 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7741:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7741 { flex-direction: column; } }
.component-7742 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7742:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7742 { flex-direction: column; } }
.component-7743 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7743:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7743 { flex-direction: column; } }
.component-7744 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7744:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7744 { flex-direction: column; } }
.component-7745 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7745:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7745 { flex-direction: column; } }
.component-7746 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7746:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7746 { flex-direction: column; } }
.component-7747 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7747:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7747 { flex-direction: column; } }
.component-7748 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7748:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7748 { flex-direction: column; } }
.component-7749 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7749:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7749 { flex-direction: column; } }
.component-7750 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7750:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7750 { flex-direction: column; } }
.component-7751 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7751:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7751 { flex-direction: column; } }
.component-7752 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7752:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7752 { flex-direction: column; } }
.component-7753 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7753:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7753 { flex-direction: column; } }
.component-7754 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7754:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7754 { flex-direction: column; } }
.component-7755 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7755:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7755 { flex-direction: column; } }
.component-7756 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7756:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7756 { flex-direction: column; } }
.component-7757 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7757:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7757 { flex-direction: column; } }
.component-7758 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7758:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7758 { flex-direction: column; } }
.component-7759 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7759:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7759 { flex-direction: column; } }
.component-7760 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7760:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7760 { flex-direction: column; } }
.component-7761 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7761:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7761 { flex-direction: column; } }
.component-7762 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7762:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7762 { flex-direction: column; } }
.component-7763 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7763:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7763 { flex-direction: column; } }
.component-7764 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7764:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7764 { flex-direction: column; } }
.component-7765 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7765:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7765 { flex-direction: column; } }
.component-7766 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7766:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7766 { flex-direction: column; } }
.component-7767 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7767:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7767 { flex-direction: column; } }
.component-7768 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7768:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7768 { flex-direction: column; } }
.component-7769 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7769:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7769 { flex-direction: column; } }
.component-7770 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7770:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7770 { flex-direction: column; } }
.component-7771 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7771:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7771 { flex-direction: column; } }
.component-7772 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7772:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7772 { flex-direction: column; } }
.component-7773 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7773:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7773 { flex-direction: column; } }
.component-7774 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7774:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7774 { flex-direction: column; } }
.component-7775 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7775:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7775 { flex-direction: column; } }
.component-7776 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7776:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7776 { flex-direction: column; } }
.component-7777 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7777:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7777 { flex-direction: column; } }
.component-7778 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7778:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7778 { flex-direction: column; } }
.component-7779 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7779:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7779 { flex-direction: column; } }
.component-7780 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7780:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7780 { flex-direction: column; } }
.component-7781 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7781:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7781 { flex-direction: column; } }
.component-7782 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7782:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7782 { flex-direction: column; } }
.component-7783 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7783:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7783 { flex-direction: column; } }
.component-7784 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7784:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7784 { flex-direction: column; } }
.component-7785 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7785:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7785 { flex-direction: column; } }
.component-7786 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7786:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7786 { flex-direction: column; } }
.component-7787 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7787:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7787 { flex-direction: column; } }
.component-7788 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7788:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7788 { flex-direction: column; } }
.component-7789 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7789:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7789 { flex-direction: column; } }
.component-7790 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7790:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7790 { flex-direction: column; } }
.component-7791 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7791:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7791 { flex-direction: column; } }
.component-7792 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7792:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7792 { flex-direction: column; } }
.component-7793 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7793:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7793 { flex-direction: column; } }
.component-7794 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7794:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7794 { flex-direction: column; } }
.component-7795 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7795:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7795 { flex-direction: column; } }
.component-7796 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7796:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7796 { flex-direction: column; } }
.component-7797 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7797:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7797 { flex-direction: column; } }
.component-7798 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7798:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7798 { flex-direction: column; } }
.component-7799 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7799:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7799 { flex-direction: column; } }
.component-7800 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7800:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7800 { flex-direction: column; } }
.component-7801 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7801:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7801 { flex-direction: column; } }
.component-7802 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7802:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7802 { flex-direction: column; } }
.component-7803 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7803:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7803 { flex-direction: column; } }
.component-7804 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7804:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7804 { flex-direction: column; } }
.component-7805 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7805:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7805 { flex-direction: column; } }
.component-7806 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7806:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7806 { flex-direction: column; } }
.component-7807 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7807:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7807 { flex-direction: column; } }
.component-7808 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7808:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7808 { flex-direction: column; } }
.component-7809 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7809:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7809 { flex-direction: column; } }
.component-7810 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7810:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7810 { flex-direction: column; } }
.component-7811 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7811:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7811 { flex-direction: column; } }
.component-7812 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7812:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7812 { flex-direction: column; } }
.component-7813 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7813:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7813 { flex-direction: column; } }
.component-7814 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7814:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7814 { flex-direction: column; } }
.component-7815 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7815:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7815 { flex-direction: column; } }
.component-7816 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7816:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7816 { flex-direction: column; } }
.component-7817 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7817:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7817 { flex-direction: column; } }
.component-7818 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7818:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7818 { flex-direction: column; } }
.component-7819 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7819:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7819 { flex-direction: column; } }
.component-7820 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7820:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7820 { flex-direction: column; } }
.component-7821 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7821:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7821 { flex-direction: column; } }
.component-7822 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7822:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7822 { flex-direction: column; } }
.component-7823 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7823:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7823 { flex-direction: column; } }
.component-7824 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7824:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7824 { flex-direction: column; } }
.component-7825 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7825:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7825 { flex-direction: column; } }
.component-7826 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7826:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7826 { flex-direction: column; } }
.component-7827 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7827:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7827 { flex-direction: column; } }
.component-7828 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7828:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7828 { flex-direction: column; } }
.component-7829 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7829:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7829 { flex-direction: column; } }
.component-7830 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7830:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7830 { flex-direction: column; } }
.component-7831 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7831:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7831 { flex-direction: column; } }
.component-7832 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7832:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7832 { flex-direction: column; } }
.component-7833 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7833:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7833 { flex-direction: column; } }
.component-7834 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7834:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7834 { flex-direction: column; } }
.component-7835 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7835:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7835 { flex-direction: column; } }
.component-7836 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7836:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7836 { flex-direction: column; } }
.component-7837 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7837:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7837 { flex-direction: column; } }
.component-7838 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7838:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7838 { flex-direction: column; } }
.component-7839 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7839:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7839 { flex-direction: column; } }
.component-7840 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7840:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7840 { flex-direction: column; } }
.component-7841 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7841:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7841 { flex-direction: column; } }
.component-7842 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7842:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7842 { flex-direction: column; } }
.component-7843 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7843:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7843 { flex-direction: column; } }
.component-7844 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7844:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7844 { flex-direction: column; } }
.component-7845 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7845:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7845 { flex-direction: column; } }
.component-7846 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7846:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7846 { flex-direction: column; } }
.component-7847 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7847:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7847 { flex-direction: column; } }
.component-7848 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7848:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7848 { flex-direction: column; } }
.component-7849 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7849:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7849 { flex-direction: column; } }
.component-7850 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7850:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7850 { flex-direction: column; } }
.component-7851 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7851:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7851 { flex-direction: column; } }
.component-7852 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7852:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7852 { flex-direction: column; } }
.component-7853 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7853:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7853 { flex-direction: column; } }
.component-7854 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7854:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7854 { flex-direction: column; } }
.component-7855 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7855:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7855 { flex-direction: column; } }
.component-7856 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7856:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7856 { flex-direction: column; } }
.component-7857 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7857:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7857 { flex-direction: column; } }
.component-7858 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7858:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7858 { flex-direction: column; } }
.component-7859 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7859:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7859 { flex-direction: column; } }
.component-7860 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7860:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7860 { flex-direction: column; } }
.component-7861 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7861:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7861 { flex-direction: column; } }
.component-7862 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7862:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7862 { flex-direction: column; } }
.component-7863 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7863:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7863 { flex-direction: column; } }
.component-7864 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7864:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7864 { flex-direction: column; } }
.component-7865 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7865:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7865 { flex-direction: column; } }
.component-7866 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7866:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7866 { flex-direction: column; } }
.component-7867 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7867:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7867 { flex-direction: column; } }
.component-7868 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7868:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7868 { flex-direction: column; } }
.component-7869 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7869:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7869 { flex-direction: column; } }
.component-7870 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7870:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7870 { flex-direction: column; } }
.component-7871 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7871:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7871 { flex-direction: column; } }
.component-7872 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7872:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7872 { flex-direction: column; } }
.component-7873 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7873:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7873 { flex-direction: column; } }
.component-7874 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7874:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7874 { flex-direction: column; } }
.component-7875 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7875:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7875 { flex-direction: column; } }
.component-7876 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7876:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7876 { flex-direction: column; } }
.component-7877 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7877:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7877 { flex-direction: column; } }
.component-7878 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7878:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7878 { flex-direction: column; } }
.component-7879 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7879:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7879 { flex-direction: column; } }
.component-7880 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7880:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7880 { flex-direction: column; } }
.component-7881 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7881:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7881 { flex-direction: column; } }
.component-7882 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7882:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7882 { flex-direction: column; } }
.component-7883 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7883:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7883 { flex-direction: column; } }
.component-7884 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7884:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7884 { flex-direction: column; } }
.component-7885 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7885:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7885 { flex-direction: column; } }
.component-7886 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7886:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7886 { flex-direction: column; } }
.component-7887 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7887:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7887 { flex-direction: column; } }
.component-7888 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7888:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7888 { flex-direction: column; } }
.component-7889 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7889:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7889 { flex-direction: column; } }
.component-7890 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7890:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7890 { flex-direction: column; } }
.component-7891 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7891:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7891 { flex-direction: column; } }
.component-7892 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7892:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7892 { flex-direction: column; } }
.component-7893 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7893:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7893 { flex-direction: column; } }
.component-7894 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7894:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7894 { flex-direction: column; } }
.component-7895 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7895:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7895 { flex-direction: column; } }
.component-7896 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7896:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7896 { flex-direction: column; } }
.component-7897 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7897:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7897 { flex-direction: column; } }
.component-7898 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7898:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7898 { flex-direction: column; } }
.component-7899 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7899:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7899 { flex-direction: column; } }
.component-7900 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7900:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7900 { flex-direction: column; } }
.component-7901 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7901:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7901 { flex-direction: column; } }
.component-7902 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7902:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7902 { flex-direction: column; } }
.component-7903 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7903:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7903 { flex-direction: column; } }
.component-7904 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7904:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7904 { flex-direction: column; } }
.component-7905 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7905:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7905 { flex-direction: column; } }
.component-7906 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7906:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7906 { flex-direction: column; } }
.component-7907 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7907:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7907 { flex-direction: column; } }
.component-7908 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7908:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7908 { flex-direction: column; } }
.component-7909 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7909:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7909 { flex-direction: column; } }
.component-7910 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7910:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7910 { flex-direction: column; } }
.component-7911 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7911:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7911 { flex-direction: column; } }
.component-7912 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7912:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7912 { flex-direction: column; } }
.component-7913 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7913:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7913 { flex-direction: column; } }
.component-7914 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7914:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7914 { flex-direction: column; } }
.component-7915 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7915:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7915 { flex-direction: column; } }
.component-7916 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7916:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7916 { flex-direction: column; } }
.component-7917 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7917:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7917 { flex-direction: column; } }
.component-7918 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7918:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7918 { flex-direction: column; } }
.component-7919 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7919:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7919 { flex-direction: column; } }
.component-7920 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7920:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7920 { flex-direction: column; } }
.component-7921 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7921:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7921 { flex-direction: column; } }
.component-7922 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7922:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7922 { flex-direction: column; } }
.component-7923 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7923:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7923 { flex-direction: column; } }
.component-7924 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7924:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7924 { flex-direction: column; } }
.component-7925 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7925:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7925 { flex-direction: column; } }
.component-7926 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7926:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7926 { flex-direction: column; } }
.component-7927 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7927:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7927 { flex-direction: column; } }
.component-7928 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7928:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7928 { flex-direction: column; } }
.component-7929 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7929:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7929 { flex-direction: column; } }
.component-7930 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7930:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7930 { flex-direction: column; } }
.component-7931 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7931:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7931 { flex-direction: column; } }
.component-7932 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7932:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7932 { flex-direction: column; } }
.component-7933 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7933:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7933 { flex-direction: column; } }
.component-7934 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7934:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7934 { flex-direction: column; } }
.component-7935 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7935:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7935 { flex-direction: column; } }
.component-7936 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7936:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7936 { flex-direction: column; } }
.component-7937 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7937:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7937 { flex-direction: column; } }
.component-7938 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7938:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7938 { flex-direction: column; } }
.component-7939 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7939:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7939 { flex-direction: column; } }
.component-7940 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7940:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7940 { flex-direction: column; } }
.component-7941 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7941:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7941 { flex-direction: column; } }
.component-7942 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7942:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7942 { flex-direction: column; } }
.component-7943 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7943:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7943 { flex-direction: column; } }
.component-7944 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7944:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7944 { flex-direction: column; } }
.component-7945 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7945:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7945 { flex-direction: column; } }
.component-7946 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7946:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7946 { flex-direction: column; } }
.component-7947 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7947:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7947 { flex-direction: column; } }
.component-7948 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7948:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7948 { flex-direction: column; } }
.component-7949 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7949:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7949 { flex-direction: column; } }
.component-7950 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7950:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7950 { flex-direction: column; } }
.component-7951 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7951:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7951 { flex-direction: column; } }
.component-7952 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7952:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7952 { flex-direction: column; } }
.component-7953 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7953:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7953 { flex-direction: column; } }
.component-7954 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7954:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7954 { flex-direction: column; } }
.component-7955 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7955:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7955 { flex-direction: column; } }
.component-7956 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7956:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7956 { flex-direction: column; } }
.component-7957 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7957:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7957 { flex-direction: column; } }
.component-7958 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7958:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7958 { flex-direction: column; } }
.component-7959 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7959:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7959 { flex-direction: column; } }
.component-7960 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7960:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7960 { flex-direction: column; } }
.component-7961 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7961:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7961 { flex-direction: column; } }
.component-7962 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7962:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7962 { flex-direction: column; } }
.component-7963 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7963:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7963 { flex-direction: column; } }
.component-7964 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7964:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7964 { flex-direction: column; } }
.component-7965 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7965:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7965 { flex-direction: column; } }
.component-7966 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7966:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7966 { flex-direction: column; } }
.component-7967 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7967:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7967 { flex-direction: column; } }
.component-7968 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7968:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7968 { flex-direction: column; } }
.component-7969 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7969:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7969 { flex-direction: column; } }
.component-7970 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7970:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7970 { flex-direction: column; } }
.component-7971 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7971:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7971 { flex-direction: column; } }
.component-7972 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7972:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7972 { flex-direction: column; } }
.component-7973 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7973:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7973 { flex-direction: column; } }
.component-7974 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7974:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7974 { flex-direction: column; } }
.component-7975 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7975:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7975 { flex-direction: column; } }
.component-7976 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7976:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7976 { flex-direction: column; } }
.component-7977 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7977:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7977 { flex-direction: column; } }
.component-7978 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7978:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7978 { flex-direction: column; } }
.component-7979 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7979:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7979 { flex-direction: column; } }
.component-7980 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7980:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7980 { flex-direction: column; } }
.component-7981 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7981:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7981 { flex-direction: column; } }
.component-7982 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7982:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7982 { flex-direction: column; } }
.component-7983 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7983:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7983 { flex-direction: column; } }
.component-7984 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7984:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7984 { flex-direction: column; } }
.component-7985 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7985:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-7985 { flex-direction: column; } }
.component-7986 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7986:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-7986 { flex-direction: column; } }
.component-7987 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7987:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-7987 { flex-direction: column; } }
.component-7988 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7988:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-7988 { flex-direction: column; } }
.component-7989 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7989:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-7989 { flex-direction: column; } }
.component-7990 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-7990:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-7990 { flex-direction: column; } }
.component-7991 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-7991:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-7991 { flex-direction: column; } }
.component-7992 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-7992:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-7992 { flex-direction: column; } }
.component-7993 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-7993:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-7993 { flex-direction: column; } }
.component-7994 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-7994:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-7994 { flex-direction: column; } }
.component-7995 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-7995:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-7995 { flex-direction: column; } }
.component-7996 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-7996:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-7996 { flex-direction: column; } }
.component-7997 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-7997:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-7997 { flex-direction: column; } }
.component-7998 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-7998:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-7998 { flex-direction: column; } }
.component-7999 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-7999:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-7999 { flex-direction: column; } }
.component-8000 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8000:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8000 { flex-direction: column; } }
.component-8001 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8001:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8001 { flex-direction: column; } }
.component-8002 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8002:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8002 { flex-direction: column; } }
.component-8003 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8003:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8003 { flex-direction: column; } }
.component-8004 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8004:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8004 { flex-direction: column; } }
.component-8005 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8005:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8005 { flex-direction: column; } }
.component-8006 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8006:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8006 { flex-direction: column; } }
.component-8007 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8007:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8007 { flex-direction: column; } }
.component-8008 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8008:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8008 { flex-direction: column; } }
.component-8009 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8009:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8009 { flex-direction: column; } }
.component-8010 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8010:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8010 { flex-direction: column; } }
.component-8011 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8011:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8011 { flex-direction: column; } }
.component-8012 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8012:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8012 { flex-direction: column; } }
.component-8013 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8013:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8013 { flex-direction: column; } }
.component-8014 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8014:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8014 { flex-direction: column; } }
.component-8015 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8015:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8015 { flex-direction: column; } }
.component-8016 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8016:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8016 { flex-direction: column; } }
.component-8017 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8017:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8017 { flex-direction: column; } }
.component-8018 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8018:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8018 { flex-direction: column; } }
.component-8019 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8019:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8019 { flex-direction: column; } }
.component-8020 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8020:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8020 { flex-direction: column; } }
.component-8021 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8021:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8021 { flex-direction: column; } }
.component-8022 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8022:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8022 { flex-direction: column; } }
.component-8023 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8023:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8023 { flex-direction: column; } }
.component-8024 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8024:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8024 { flex-direction: column; } }
.component-8025 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8025:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8025 { flex-direction: column; } }
.component-8026 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8026:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8026 { flex-direction: column; } }
.component-8027 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8027:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8027 { flex-direction: column; } }
.component-8028 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8028:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8028 { flex-direction: column; } }
.component-8029 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8029:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8029 { flex-direction: column; } }
.component-8030 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8030:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8030 { flex-direction: column; } }
.component-8031 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8031:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8031 { flex-direction: column; } }
.component-8032 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8032:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8032 { flex-direction: column; } }
.component-8033 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8033:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8033 { flex-direction: column; } }
.component-8034 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8034:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8034 { flex-direction: column; } }
.component-8035 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8035:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8035 { flex-direction: column; } }
.component-8036 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8036:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8036 { flex-direction: column; } }
.component-8037 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8037:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8037 { flex-direction: column; } }
.component-8038 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8038:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8038 { flex-direction: column; } }
.component-8039 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8039:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8039 { flex-direction: column; } }
.component-8040 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8040:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8040 { flex-direction: column; } }
.component-8041 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8041:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8041 { flex-direction: column; } }
.component-8042 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8042:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8042 { flex-direction: column; } }
.component-8043 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8043:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8043 { flex-direction: column; } }
.component-8044 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8044:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8044 { flex-direction: column; } }
.component-8045 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8045:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8045 { flex-direction: column; } }
.component-8046 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8046:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8046 { flex-direction: column; } }
.component-8047 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8047:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8047 { flex-direction: column; } }
.component-8048 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8048:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8048 { flex-direction: column; } }
.component-8049 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8049:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8049 { flex-direction: column; } }
.component-8050 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8050:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8050 { flex-direction: column; } }
.component-8051 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8051:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8051 { flex-direction: column; } }
.component-8052 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8052:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8052 { flex-direction: column; } }
.component-8053 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8053:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8053 { flex-direction: column; } }
.component-8054 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8054:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8054 { flex-direction: column; } }
.component-8055 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8055:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8055 { flex-direction: column; } }
.component-8056 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8056:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8056 { flex-direction: column; } }
.component-8057 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8057:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8057 { flex-direction: column; } }
.component-8058 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8058:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8058 { flex-direction: column; } }
.component-8059 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8059:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8059 { flex-direction: column; } }
.component-8060 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8060:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8060 { flex-direction: column; } }
.component-8061 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8061:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8061 { flex-direction: column; } }
.component-8062 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8062:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8062 { flex-direction: column; } }
.component-8063 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8063:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8063 { flex-direction: column; } }
.component-8064 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8064:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8064 { flex-direction: column; } }
.component-8065 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8065:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8065 { flex-direction: column; } }
.component-8066 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8066:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8066 { flex-direction: column; } }
.component-8067 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8067:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8067 { flex-direction: column; } }
.component-8068 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8068:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8068 { flex-direction: column; } }
.component-8069 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8069:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8069 { flex-direction: column; } }
.component-8070 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8070:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8070 { flex-direction: column; } }
.component-8071 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8071:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8071 { flex-direction: column; } }
.component-8072 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8072:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8072 { flex-direction: column; } }
.component-8073 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8073:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8073 { flex-direction: column; } }
.component-8074 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8074:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8074 { flex-direction: column; } }
.component-8075 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8075:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8075 { flex-direction: column; } }
.component-8076 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8076:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8076 { flex-direction: column; } }
.component-8077 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8077:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8077 { flex-direction: column; } }
.component-8078 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8078:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8078 { flex-direction: column; } }
.component-8079 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8079:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8079 { flex-direction: column; } }
.component-8080 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8080:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8080 { flex-direction: column; } }
.component-8081 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8081:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8081 { flex-direction: column; } }
.component-8082 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8082:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8082 { flex-direction: column; } }
.component-8083 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8083:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8083 { flex-direction: column; } }
.component-8084 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8084:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8084 { flex-direction: column; } }
.component-8085 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8085:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8085 { flex-direction: column; } }
.component-8086 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8086:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8086 { flex-direction: column; } }
.component-8087 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8087:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8087 { flex-direction: column; } }
.component-8088 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8088:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8088 { flex-direction: column; } }
.component-8089 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8089:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8089 { flex-direction: column; } }
.component-8090 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8090:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8090 { flex-direction: column; } }
.component-8091 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8091:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8091 { flex-direction: column; } }
.component-8092 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8092:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8092 { flex-direction: column; } }
.component-8093 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8093:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8093 { flex-direction: column; } }
.component-8094 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8094:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8094 { flex-direction: column; } }
.component-8095 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8095:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8095 { flex-direction: column; } }
.component-8096 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8096:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8096 { flex-direction: column; } }
.component-8097 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8097:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8097 { flex-direction: column; } }
.component-8098 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8098:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8098 { flex-direction: column; } }
.component-8099 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8099:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8099 { flex-direction: column; } }
.component-8100 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8100:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8100 { flex-direction: column; } }
.component-8101 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8101:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8101 { flex-direction: column; } }
.component-8102 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8102:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8102 { flex-direction: column; } }
.component-8103 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8103:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8103 { flex-direction: column; } }
.component-8104 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8104:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8104 { flex-direction: column; } }
.component-8105 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8105:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8105 { flex-direction: column; } }
.component-8106 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8106:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8106 { flex-direction: column; } }
.component-8107 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8107:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8107 { flex-direction: column; } }
.component-8108 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8108:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8108 { flex-direction: column; } }
.component-8109 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8109:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8109 { flex-direction: column; } }
.component-8110 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8110:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8110 { flex-direction: column; } }
.component-8111 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8111:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8111 { flex-direction: column; } }
.component-8112 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8112:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8112 { flex-direction: column; } }
.component-8113 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8113:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8113 { flex-direction: column; } }
.component-8114 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8114:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8114 { flex-direction: column; } }
.component-8115 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8115:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8115 { flex-direction: column; } }
.component-8116 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8116:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8116 { flex-direction: column; } }
.component-8117 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8117:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8117 { flex-direction: column; } }
.component-8118 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8118:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8118 { flex-direction: column; } }
.component-8119 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8119:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8119 { flex-direction: column; } }
.component-8120 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8120:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8120 { flex-direction: column; } }
.component-8121 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8121:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8121 { flex-direction: column; } }
.component-8122 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8122:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8122 { flex-direction: column; } }
.component-8123 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8123:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8123 { flex-direction: column; } }
.component-8124 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8124:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8124 { flex-direction: column; } }
.component-8125 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8125:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8125 { flex-direction: column; } }
.component-8126 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8126:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8126 { flex-direction: column; } }
.component-8127 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8127:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8127 { flex-direction: column; } }
.component-8128 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8128:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8128 { flex-direction: column; } }
.component-8129 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8129:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8129 { flex-direction: column; } }
.component-8130 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8130:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8130 { flex-direction: column; } }
.component-8131 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8131:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8131 { flex-direction: column; } }
.component-8132 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8132:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8132 { flex-direction: column; } }
.component-8133 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8133:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8133 { flex-direction: column; } }
.component-8134 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8134:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8134 { flex-direction: column; } }
.component-8135 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8135:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8135 { flex-direction: column; } }
.component-8136 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8136:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8136 { flex-direction: column; } }
.component-8137 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8137:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8137 { flex-direction: column; } }
.component-8138 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8138:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8138 { flex-direction: column; } }
.component-8139 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8139:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8139 { flex-direction: column; } }
.component-8140 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8140:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8140 { flex-direction: column; } }
.component-8141 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8141:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8141 { flex-direction: column; } }
.component-8142 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8142:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8142 { flex-direction: column; } }
.component-8143 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8143:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8143 { flex-direction: column; } }
.component-8144 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8144:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8144 { flex-direction: column; } }
.component-8145 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8145:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8145 { flex-direction: column; } }
.component-8146 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8146:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8146 { flex-direction: column; } }
.component-8147 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8147:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8147 { flex-direction: column; } }
.component-8148 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8148:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8148 { flex-direction: column; } }
.component-8149 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8149:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8149 { flex-direction: column; } }
.component-8150 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8150:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8150 { flex-direction: column; } }
.component-8151 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8151:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8151 { flex-direction: column; } }
.component-8152 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8152:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8152 { flex-direction: column; } }
.component-8153 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8153:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8153 { flex-direction: column; } }
.component-8154 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8154:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8154 { flex-direction: column; } }
.component-8155 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8155:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8155 { flex-direction: column; } }
.component-8156 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8156:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8156 { flex-direction: column; } }
.component-8157 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8157:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8157 { flex-direction: column; } }
.component-8158 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8158:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8158 { flex-direction: column; } }
.component-8159 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8159:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8159 { flex-direction: column; } }
.component-8160 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8160:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8160 { flex-direction: column; } }
.component-8161 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8161:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8161 { flex-direction: column; } }
.component-8162 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8162:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8162 { flex-direction: column; } }
.component-8163 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8163:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8163 { flex-direction: column; } }
.component-8164 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8164:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8164 { flex-direction: column; } }
.component-8165 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8165:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8165 { flex-direction: column; } }
.component-8166 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8166:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8166 { flex-direction: column; } }
.component-8167 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8167:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8167 { flex-direction: column; } }
.component-8168 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8168:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8168 { flex-direction: column; } }
.component-8169 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8169:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8169 { flex-direction: column; } }
.component-8170 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8170:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8170 { flex-direction: column; } }
.component-8171 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8171:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8171 { flex-direction: column; } }
.component-8172 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8172:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8172 { flex-direction: column; } }
.component-8173 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8173:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8173 { flex-direction: column; } }
.component-8174 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8174:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8174 { flex-direction: column; } }
.component-8175 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8175:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8175 { flex-direction: column; } }
.component-8176 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8176:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8176 { flex-direction: column; } }
.component-8177 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8177:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8177 { flex-direction: column; } }
.component-8178 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8178:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8178 { flex-direction: column; } }
.component-8179 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8179:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8179 { flex-direction: column; } }
.component-8180 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8180:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8180 { flex-direction: column; } }
.component-8181 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8181:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8181 { flex-direction: column; } }
.component-8182 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8182:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8182 { flex-direction: column; } }
.component-8183 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8183:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8183 { flex-direction: column; } }
.component-8184 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8184:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8184 { flex-direction: column; } }
.component-8185 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8185:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8185 { flex-direction: column; } }
.component-8186 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8186:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8186 { flex-direction: column; } }
.component-8187 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8187:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8187 { flex-direction: column; } }
.component-8188 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8188:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8188 { flex-direction: column; } }
.component-8189 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8189:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8189 { flex-direction: column; } }
.component-8190 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8190:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8190 { flex-direction: column; } }
.component-8191 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8191:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8191 { flex-direction: column; } }
.component-8192 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8192:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8192 { flex-direction: column; } }
.component-8193 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8193:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8193 { flex-direction: column; } }
.component-8194 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8194:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8194 { flex-direction: column; } }
.component-8195 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8195:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8195 { flex-direction: column; } }
.component-8196 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8196:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8196 { flex-direction: column; } }
.component-8197 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8197:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8197 { flex-direction: column; } }
.component-8198 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8198:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8198 { flex-direction: column; } }
.component-8199 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8199:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8199 { flex-direction: column; } }
.component-8200 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8200:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8200 { flex-direction: column; } }
.component-8201 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8201:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8201 { flex-direction: column; } }
.component-8202 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8202:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8202 { flex-direction: column; } }
.component-8203 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8203:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8203 { flex-direction: column; } }
.component-8204 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8204:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8204 { flex-direction: column; } }
.component-8205 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8205:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8205 { flex-direction: column; } }
.component-8206 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8206:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8206 { flex-direction: column; } }
.component-8207 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8207:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8207 { flex-direction: column; } }
.component-8208 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8208:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8208 { flex-direction: column; } }
.component-8209 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8209:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8209 { flex-direction: column; } }
.component-8210 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8210:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8210 { flex-direction: column; } }
.component-8211 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8211:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8211 { flex-direction: column; } }
.component-8212 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8212:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8212 { flex-direction: column; } }
.component-8213 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8213:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8213 { flex-direction: column; } }
.component-8214 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8214:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8214 { flex-direction: column; } }
.component-8215 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8215:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8215 { flex-direction: column; } }
.component-8216 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8216:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8216 { flex-direction: column; } }
.component-8217 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8217:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8217 { flex-direction: column; } }
.component-8218 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8218:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8218 { flex-direction: column; } }
.component-8219 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8219:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8219 { flex-direction: column; } }
.component-8220 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8220:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8220 { flex-direction: column; } }
.component-8221 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8221:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8221 { flex-direction: column; } }
.component-8222 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8222:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8222 { flex-direction: column; } }
.component-8223 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8223:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8223 { flex-direction: column; } }
.component-8224 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8224:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8224 { flex-direction: column; } }
.component-8225 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8225:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8225 { flex-direction: column; } }
.component-8226 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8226:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8226 { flex-direction: column; } }
.component-8227 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8227:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8227 { flex-direction: column; } }
.component-8228 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8228:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8228 { flex-direction: column; } }
.component-8229 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8229:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8229 { flex-direction: column; } }
.component-8230 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8230:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8230 { flex-direction: column; } }
.component-8231 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8231:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8231 { flex-direction: column; } }
.component-8232 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8232:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8232 { flex-direction: column; } }
.component-8233 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8233:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8233 { flex-direction: column; } }
.component-8234 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8234:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8234 { flex-direction: column; } }
.component-8235 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8235:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8235 { flex-direction: column; } }
.component-8236 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8236:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8236 { flex-direction: column; } }
.component-8237 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8237:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8237 { flex-direction: column; } }
.component-8238 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8238:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8238 { flex-direction: column; } }
.component-8239 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8239:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8239 { flex-direction: column; } }
.component-8240 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8240:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8240 { flex-direction: column; } }
.component-8241 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8241:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8241 { flex-direction: column; } }
.component-8242 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8242:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8242 { flex-direction: column; } }
.component-8243 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8243:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8243 { flex-direction: column; } }
.component-8244 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8244:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8244 { flex-direction: column; } }
.component-8245 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8245:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8245 { flex-direction: column; } }
.component-8246 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8246:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8246 { flex-direction: column; } }
.component-8247 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8247:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8247 { flex-direction: column; } }
.component-8248 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8248:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8248 { flex-direction: column; } }
.component-8249 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8249:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8249 { flex-direction: column; } }
.component-8250 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8250:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8250 { flex-direction: column; } }
.component-8251 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8251:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8251 { flex-direction: column; } }
.component-8252 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8252:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8252 { flex-direction: column; } }
.component-8253 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8253:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8253 { flex-direction: column; } }
.component-8254 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8254:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8254 { flex-direction: column; } }
.component-8255 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8255:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8255 { flex-direction: column; } }
.component-8256 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8256:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8256 { flex-direction: column; } }
.component-8257 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8257:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8257 { flex-direction: column; } }
.component-8258 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8258:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8258 { flex-direction: column; } }
.component-8259 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8259:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8259 { flex-direction: column; } }
.component-8260 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8260:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8260 { flex-direction: column; } }
.component-8261 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8261:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8261 { flex-direction: column; } }
.component-8262 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8262:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8262 { flex-direction: column; } }
.component-8263 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8263:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8263 { flex-direction: column; } }
.component-8264 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8264:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8264 { flex-direction: column; } }
.component-8265 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8265:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8265 { flex-direction: column; } }
.component-8266 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8266:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8266 { flex-direction: column; } }
.component-8267 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8267:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8267 { flex-direction: column; } }
.component-8268 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8268:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8268 { flex-direction: column; } }
.component-8269 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8269:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8269 { flex-direction: column; } }
.component-8270 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8270:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8270 { flex-direction: column; } }
.component-8271 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8271:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8271 { flex-direction: column; } }
.component-8272 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8272:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8272 { flex-direction: column; } }
.component-8273 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8273:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8273 { flex-direction: column; } }
.component-8274 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8274:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8274 { flex-direction: column; } }
.component-8275 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8275:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8275 { flex-direction: column; } }
.component-8276 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8276:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8276 { flex-direction: column; } }
.component-8277 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8277:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8277 { flex-direction: column; } }
.component-8278 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8278:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8278 { flex-direction: column; } }
.component-8279 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8279:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8279 { flex-direction: column; } }
.component-8280 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8280:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8280 { flex-direction: column; } }
.component-8281 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8281:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8281 { flex-direction: column; } }
.component-8282 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8282:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8282 { flex-direction: column; } }
.component-8283 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8283:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8283 { flex-direction: column; } }
.component-8284 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8284:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8284 { flex-direction: column; } }
.component-8285 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8285:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8285 { flex-direction: column; } }
.component-8286 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8286:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8286 { flex-direction: column; } }
.component-8287 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8287:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8287 { flex-direction: column; } }
.component-8288 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8288:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8288 { flex-direction: column; } }
.component-8289 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8289:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8289 { flex-direction: column; } }
.component-8290 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8290:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8290 { flex-direction: column; } }
.component-8291 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8291:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8291 { flex-direction: column; } }
.component-8292 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8292:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8292 { flex-direction: column; } }
.component-8293 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8293:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8293 { flex-direction: column; } }
.component-8294 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8294:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8294 { flex-direction: column; } }
.component-8295 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8295:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8295 { flex-direction: column; } }
.component-8296 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8296:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8296 { flex-direction: column; } }
.component-8297 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8297:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8297 { flex-direction: column; } }
.component-8298 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8298:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8298 { flex-direction: column; } }
.component-8299 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8299:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8299 { flex-direction: column; } }
.component-8300 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8300:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8300 { flex-direction: column; } }
.component-8301 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8301:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8301 { flex-direction: column; } }
.component-8302 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8302:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8302 { flex-direction: column; } }
.component-8303 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8303:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8303 { flex-direction: column; } }
.component-8304 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8304:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8304 { flex-direction: column; } }
.component-8305 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8305:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8305 { flex-direction: column; } }
.component-8306 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8306:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8306 { flex-direction: column; } }
.component-8307 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8307:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8307 { flex-direction: column; } }
.component-8308 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8308:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8308 { flex-direction: column; } }
.component-8309 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8309:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8309 { flex-direction: column; } }
.component-8310 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8310:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8310 { flex-direction: column; } }
.component-8311 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8311:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8311 { flex-direction: column; } }
.component-8312 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8312:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8312 { flex-direction: column; } }
.component-8313 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8313:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8313 { flex-direction: column; } }
.component-8314 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8314:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8314 { flex-direction: column; } }
.component-8315 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8315:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8315 { flex-direction: column; } }
.component-8316 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8316:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8316 { flex-direction: column; } }
.component-8317 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8317:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8317 { flex-direction: column; } }
.component-8318 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8318:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8318 { flex-direction: column; } }
.component-8319 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8319:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8319 { flex-direction: column; } }
.component-8320 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8320:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8320 { flex-direction: column; } }
.component-8321 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8321:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8321 { flex-direction: column; } }
.component-8322 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8322:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8322 { flex-direction: column; } }
.component-8323 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8323:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8323 { flex-direction: column; } }
.component-8324 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8324:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8324 { flex-direction: column; } }
.component-8325 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8325:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8325 { flex-direction: column; } }
.component-8326 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8326:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8326 { flex-direction: column; } }
.component-8327 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8327:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8327 { flex-direction: column; } }
.component-8328 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8328:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8328 { flex-direction: column; } }
.component-8329 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8329:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8329 { flex-direction: column; } }
.component-8330 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8330:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8330 { flex-direction: column; } }
.component-8331 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8331:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8331 { flex-direction: column; } }
.component-8332 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8332:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8332 { flex-direction: column; } }
.component-8333 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8333:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8333 { flex-direction: column; } }
.component-8334 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8334:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8334 { flex-direction: column; } }
.component-8335 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8335:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8335 { flex-direction: column; } }
.component-8336 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8336:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8336 { flex-direction: column; } }
.component-8337 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8337:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8337 { flex-direction: column; } }
.component-8338 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8338:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8338 { flex-direction: column; } }
.component-8339 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8339:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8339 { flex-direction: column; } }
.component-8340 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8340:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8340 { flex-direction: column; } }
.component-8341 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8341:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8341 { flex-direction: column; } }
.component-8342 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8342:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8342 { flex-direction: column; } }
.component-8343 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8343:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8343 { flex-direction: column; } }
.component-8344 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8344:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8344 { flex-direction: column; } }
.component-8345 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8345:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8345 { flex-direction: column; } }
.component-8346 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8346:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8346 { flex-direction: column; } }
.component-8347 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8347:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8347 { flex-direction: column; } }
.component-8348 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8348:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8348 { flex-direction: column; } }
.component-8349 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8349:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8349 { flex-direction: column; } }
.component-8350 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8350:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8350 { flex-direction: column; } }
.component-8351 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8351:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8351 { flex-direction: column; } }
.component-8352 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8352:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8352 { flex-direction: column; } }
.component-8353 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8353:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8353 { flex-direction: column; } }
.component-8354 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8354:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8354 { flex-direction: column; } }
.component-8355 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8355:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8355 { flex-direction: column; } }
.component-8356 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8356:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8356 { flex-direction: column; } }
.component-8357 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8357:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8357 { flex-direction: column; } }
.component-8358 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8358:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8358 { flex-direction: column; } }
.component-8359 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8359:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8359 { flex-direction: column; } }
.component-8360 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8360:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8360 { flex-direction: column; } }
.component-8361 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8361:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8361 { flex-direction: column; } }
.component-8362 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8362:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8362 { flex-direction: column; } }
.component-8363 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8363:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8363 { flex-direction: column; } }
.component-8364 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8364:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8364 { flex-direction: column; } }
.component-8365 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8365:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8365 { flex-direction: column; } }
.component-8366 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8366:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8366 { flex-direction: column; } }
.component-8367 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8367:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8367 { flex-direction: column; } }
.component-8368 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8368:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8368 { flex-direction: column; } }
.component-8369 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8369:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8369 { flex-direction: column; } }
.component-8370 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8370:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8370 { flex-direction: column; } }
.component-8371 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8371:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8371 { flex-direction: column; } }
.component-8372 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8372:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8372 { flex-direction: column; } }
.component-8373 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8373:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8373 { flex-direction: column; } }
.component-8374 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8374:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8374 { flex-direction: column; } }
.component-8375 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8375:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8375 { flex-direction: column; } }
.component-8376 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8376:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8376 { flex-direction: column; } }
.component-8377 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8377:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8377 { flex-direction: column; } }
.component-8378 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8378:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8378 { flex-direction: column; } }
.component-8379 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8379:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8379 { flex-direction: column; } }
.component-8380 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8380:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8380 { flex-direction: column; } }
.component-8381 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8381:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8381 { flex-direction: column; } }
.component-8382 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8382:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8382 { flex-direction: column; } }
.component-8383 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8383:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8383 { flex-direction: column; } }
.component-8384 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8384:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8384 { flex-direction: column; } }
.component-8385 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8385:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8385 { flex-direction: column; } }
.component-8386 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8386:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8386 { flex-direction: column; } }
.component-8387 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8387:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8387 { flex-direction: column; } }
.component-8388 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8388:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8388 { flex-direction: column; } }
.component-8389 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8389:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8389 { flex-direction: column; } }
.component-8390 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8390:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8390 { flex-direction: column; } }
.component-8391 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8391:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8391 { flex-direction: column; } }
.component-8392 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8392:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8392 { flex-direction: column; } }
.component-8393 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8393:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8393 { flex-direction: column; } }
.component-8394 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8394:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8394 { flex-direction: column; } }
.component-8395 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8395:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8395 { flex-direction: column; } }
.component-8396 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8396:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8396 { flex-direction: column; } }
.component-8397 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8397:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8397 { flex-direction: column; } }
.component-8398 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8398:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8398 { flex-direction: column; } }
.component-8399 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8399:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8399 { flex-direction: column; } }
.component-8400 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8400:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8400 { flex-direction: column; } }
.component-8401 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8401:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8401 { flex-direction: column; } }
.component-8402 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8402:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8402 { flex-direction: column; } }
.component-8403 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8403:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8403 { flex-direction: column; } }
.component-8404 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8404:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8404 { flex-direction: column; } }
.component-8405 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8405:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8405 { flex-direction: column; } }
.component-8406 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8406:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8406 { flex-direction: column; } }
.component-8407 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8407:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8407 { flex-direction: column; } }
.component-8408 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8408:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8408 { flex-direction: column; } }
.component-8409 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8409:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8409 { flex-direction: column; } }
.component-8410 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8410:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8410 { flex-direction: column; } }
.component-8411 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8411:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8411 { flex-direction: column; } }
.component-8412 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8412:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8412 { flex-direction: column; } }
.component-8413 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8413:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8413 { flex-direction: column; } }
.component-8414 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8414:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8414 { flex-direction: column; } }
.component-8415 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8415:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8415 { flex-direction: column; } }
.component-8416 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8416:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8416 { flex-direction: column; } }
.component-8417 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8417:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8417 { flex-direction: column; } }
.component-8418 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8418:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8418 { flex-direction: column; } }
.component-8419 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8419:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8419 { flex-direction: column; } }
.component-8420 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8420:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8420 { flex-direction: column; } }
.component-8421 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8421:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8421 { flex-direction: column; } }
.component-8422 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8422:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8422 { flex-direction: column; } }
.component-8423 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8423:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8423 { flex-direction: column; } }
.component-8424 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8424:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8424 { flex-direction: column; } }
.component-8425 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8425:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8425 { flex-direction: column; } }
.component-8426 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8426:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8426 { flex-direction: column; } }
.component-8427 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8427:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8427 { flex-direction: column; } }
.component-8428 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8428:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8428 { flex-direction: column; } }
.component-8429 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8429:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8429 { flex-direction: column; } }
.component-8430 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8430:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8430 { flex-direction: column; } }
.component-8431 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8431:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8431 { flex-direction: column; } }
.component-8432 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8432:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8432 { flex-direction: column; } }
.component-8433 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8433:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8433 { flex-direction: column; } }
.component-8434 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8434:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8434 { flex-direction: column; } }
.component-8435 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8435:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8435 { flex-direction: column; } }
.component-8436 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8436:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8436 { flex-direction: column; } }
.component-8437 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8437:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8437 { flex-direction: column; } }
.component-8438 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8438:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8438 { flex-direction: column; } }
.component-8439 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8439:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8439 { flex-direction: column; } }
.component-8440 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8440:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8440 { flex-direction: column; } }
.component-8441 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8441:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8441 { flex-direction: column; } }
.component-8442 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8442:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8442 { flex-direction: column; } }
.component-8443 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8443:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8443 { flex-direction: column; } }
.component-8444 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8444:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8444 { flex-direction: column; } }
.component-8445 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8445:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8445 { flex-direction: column; } }
.component-8446 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8446:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8446 { flex-direction: column; } }
.component-8447 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8447:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8447 { flex-direction: column; } }
.component-8448 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8448:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8448 { flex-direction: column; } }
.component-8449 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8449:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8449 { flex-direction: column; } }
.component-8450 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8450:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8450 { flex-direction: column; } }
.component-8451 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8451:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8451 { flex-direction: column; } }
.component-8452 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8452:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8452 { flex-direction: column; } }
.component-8453 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8453:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8453 { flex-direction: column; } }
.component-8454 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8454:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8454 { flex-direction: column; } }
.component-8455 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8455:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8455 { flex-direction: column; } }
.component-8456 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8456:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8456 { flex-direction: column; } }
.component-8457 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8457:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8457 { flex-direction: column; } }
.component-8458 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8458:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8458 { flex-direction: column; } }
.component-8459 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8459:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8459 { flex-direction: column; } }
.component-8460 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8460:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8460 { flex-direction: column; } }
.component-8461 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8461:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8461 { flex-direction: column; } }
.component-8462 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8462:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8462 { flex-direction: column; } }
.component-8463 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8463:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8463 { flex-direction: column; } }
.component-8464 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8464:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8464 { flex-direction: column; } }
.component-8465 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8465:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8465 { flex-direction: column; } }
.component-8466 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8466:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8466 { flex-direction: column; } }
.component-8467 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8467:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8467 { flex-direction: column; } }
.component-8468 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8468:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8468 { flex-direction: column; } }
.component-8469 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8469:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8469 { flex-direction: column; } }
.component-8470 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8470:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8470 { flex-direction: column; } }
.component-8471 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8471:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8471 { flex-direction: column; } }
.component-8472 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8472:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8472 { flex-direction: column; } }
.component-8473 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8473:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8473 { flex-direction: column; } }
.component-8474 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8474:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8474 { flex-direction: column; } }
.component-8475 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8475:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8475 { flex-direction: column; } }
.component-8476 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8476:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8476 { flex-direction: column; } }
.component-8477 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8477:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8477 { flex-direction: column; } }
.component-8478 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8478:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8478 { flex-direction: column; } }
.component-8479 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8479:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8479 { flex-direction: column; } }
.component-8480 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8480:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8480 { flex-direction: column; } }
.component-8481 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8481:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8481 { flex-direction: column; } }
.component-8482 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8482:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8482 { flex-direction: column; } }
.component-8483 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8483:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8483 { flex-direction: column; } }
.component-8484 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8484:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8484 { flex-direction: column; } }
.component-8485 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8485:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8485 { flex-direction: column; } }
.component-8486 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8486:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8486 { flex-direction: column; } }
.component-8487 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8487:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8487 { flex-direction: column; } }
.component-8488 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8488:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8488 { flex-direction: column; } }
.component-8489 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8489:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8489 { flex-direction: column; } }
.component-8490 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8490:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8490 { flex-direction: column; } }
.component-8491 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8491:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8491 { flex-direction: column; } }
.component-8492 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8492:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8492 { flex-direction: column; } }
.component-8493 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8493:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8493 { flex-direction: column; } }
.component-8494 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8494:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8494 { flex-direction: column; } }
.component-8495 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8495:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8495 { flex-direction: column; } }
.component-8496 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8496:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8496 { flex-direction: column; } }
.component-8497 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8497:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8497 { flex-direction: column; } }
.component-8498 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8498:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8498 { flex-direction: column; } }
.component-8499 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8499:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8499 { flex-direction: column; } }
.component-8500 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8500:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8500 { flex-direction: column; } }
.component-8501 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8501:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8501 { flex-direction: column; } }
.component-8502 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8502:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8502 { flex-direction: column; } }
.component-8503 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8503:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8503 { flex-direction: column; } }
.component-8504 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8504:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8504 { flex-direction: column; } }
.component-8505 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8505:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8505 { flex-direction: column; } }
.component-8506 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8506:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8506 { flex-direction: column; } }
.component-8507 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8507:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8507 { flex-direction: column; } }
.component-8508 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8508:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8508 { flex-direction: column; } }
.component-8509 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8509:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8509 { flex-direction: column; } }
.component-8510 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8510:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8510 { flex-direction: column; } }
.component-8511 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8511:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8511 { flex-direction: column; } }
.component-8512 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8512:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8512 { flex-direction: column; } }
.component-8513 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8513:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8513 { flex-direction: column; } }
.component-8514 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8514:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8514 { flex-direction: column; } }
.component-8515 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8515:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8515 { flex-direction: column; } }
.component-8516 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8516:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8516 { flex-direction: column; } }
.component-8517 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8517:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8517 { flex-direction: column; } }
.component-8518 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8518:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8518 { flex-direction: column; } }
.component-8519 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8519:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8519 { flex-direction: column; } }
.component-8520 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8520:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8520 { flex-direction: column; } }
.component-8521 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8521:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8521 { flex-direction: column; } }
.component-8522 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8522:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8522 { flex-direction: column; } }
.component-8523 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8523:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8523 { flex-direction: column; } }
.component-8524 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8524:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8524 { flex-direction: column; } }
.component-8525 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8525:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8525 { flex-direction: column; } }
.component-8526 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8526:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8526 { flex-direction: column; } }
.component-8527 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8527:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8527 { flex-direction: column; } }
.component-8528 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8528:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8528 { flex-direction: column; } }
.component-8529 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8529:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8529 { flex-direction: column; } }
.component-8530 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8530:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8530 { flex-direction: column; } }
.component-8531 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8531:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8531 { flex-direction: column; } }
.component-8532 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8532:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8532 { flex-direction: column; } }
.component-8533 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8533:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8533 { flex-direction: column; } }
.component-8534 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8534:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8534 { flex-direction: column; } }
.component-8535 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8535:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8535 { flex-direction: column; } }
.component-8536 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8536:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8536 { flex-direction: column; } }
.component-8537 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8537:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8537 { flex-direction: column; } }
.component-8538 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8538:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8538 { flex-direction: column; } }
.component-8539 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8539:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8539 { flex-direction: column; } }
.component-8540 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8540:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8540 { flex-direction: column; } }
.component-8541 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8541:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8541 { flex-direction: column; } }
.component-8542 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8542:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8542 { flex-direction: column; } }
.component-8543 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8543:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8543 { flex-direction: column; } }
.component-8544 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8544:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8544 { flex-direction: column; } }
.component-8545 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8545:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8545 { flex-direction: column; } }
.component-8546 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8546:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8546 { flex-direction: column; } }
.component-8547 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8547:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8547 { flex-direction: column; } }
.component-8548 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8548:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8548 { flex-direction: column; } }
.component-8549 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8549:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8549 { flex-direction: column; } }
.component-8550 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8550:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8550 { flex-direction: column; } }
.component-8551 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8551:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8551 { flex-direction: column; } }
.component-8552 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8552:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8552 { flex-direction: column; } }
.component-8553 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8553:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8553 { flex-direction: column; } }
.component-8554 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8554:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8554 { flex-direction: column; } }
.component-8555 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8555:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8555 { flex-direction: column; } }
.component-8556 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8556:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8556 { flex-direction: column; } }
.component-8557 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8557:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8557 { flex-direction: column; } }
.component-8558 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8558:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8558 { flex-direction: column; } }
.component-8559 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8559:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8559 { flex-direction: column; } }
.component-8560 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8560:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8560 { flex-direction: column; } }
.component-8561 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8561:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8561 { flex-direction: column; } }
.component-8562 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8562:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8562 { flex-direction: column; } }
.component-8563 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8563:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8563 { flex-direction: column; } }
.component-8564 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8564:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8564 { flex-direction: column; } }
.component-8565 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8565:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8565 { flex-direction: column; } }
.component-8566 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8566:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8566 { flex-direction: column; } }
.component-8567 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8567:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8567 { flex-direction: column; } }
.component-8568 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8568:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8568 { flex-direction: column; } }
.component-8569 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8569:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8569 { flex-direction: column; } }
.component-8570 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8570:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8570 { flex-direction: column; } }
.component-8571 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8571:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8571 { flex-direction: column; } }
.component-8572 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8572:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8572 { flex-direction: column; } }
.component-8573 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8573:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8573 { flex-direction: column; } }
.component-8574 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8574:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8574 { flex-direction: column; } }
.component-8575 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8575:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8575 { flex-direction: column; } }
.component-8576 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8576:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8576 { flex-direction: column; } }
.component-8577 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8577:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8577 { flex-direction: column; } }
.component-8578 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8578:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8578 { flex-direction: column; } }
.component-8579 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8579:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8579 { flex-direction: column; } }
.component-8580 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8580:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8580 { flex-direction: column; } }
.component-8581 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8581:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8581 { flex-direction: column; } }
.component-8582 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8582:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8582 { flex-direction: column; } }
.component-8583 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8583:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8583 { flex-direction: column; } }
.component-8584 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8584:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8584 { flex-direction: column; } }
.component-8585 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8585:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8585 { flex-direction: column; } }
.component-8586 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8586:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8586 { flex-direction: column; } }
.component-8587 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8587:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8587 { flex-direction: column; } }
.component-8588 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8588:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8588 { flex-direction: column; } }
.component-8589 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8589:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8589 { flex-direction: column; } }
.component-8590 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8590:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8590 { flex-direction: column; } }
.component-8591 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8591:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8591 { flex-direction: column; } }
.component-8592 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8592:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8592 { flex-direction: column; } }
.component-8593 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8593:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8593 { flex-direction: column; } }
.component-8594 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8594:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8594 { flex-direction: column; } }
.component-8595 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8595:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8595 { flex-direction: column; } }
.component-8596 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8596:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8596 { flex-direction: column; } }
.component-8597 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8597:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8597 { flex-direction: column; } }
.component-8598 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8598:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8598 { flex-direction: column; } }
.component-8599 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8599:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8599 { flex-direction: column; } }
.component-8600 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8600:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8600 { flex-direction: column; } }
.component-8601 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8601:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8601 { flex-direction: column; } }
.component-8602 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8602:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8602 { flex-direction: column; } }
.component-8603 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8603:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8603 { flex-direction: column; } }
.component-8604 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8604:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8604 { flex-direction: column; } }
.component-8605 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8605:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8605 { flex-direction: column; } }
.component-8606 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8606:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8606 { flex-direction: column; } }
.component-8607 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8607:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8607 { flex-direction: column; } }
.component-8608 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8608:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8608 { flex-direction: column; } }
.component-8609 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8609:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8609 { flex-direction: column; } }
.component-8610 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8610:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8610 { flex-direction: column; } }
.component-8611 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8611:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8611 { flex-direction: column; } }
.component-8612 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8612:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8612 { flex-direction: column; } }
.component-8613 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8613:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8613 { flex-direction: column; } }
.component-8614 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8614:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8614 { flex-direction: column; } }
.component-8615 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8615:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8615 { flex-direction: column; } }
.component-8616 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8616:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8616 { flex-direction: column; } }
.component-8617 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8617:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8617 { flex-direction: column; } }
.component-8618 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8618:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8618 { flex-direction: column; } }
.component-8619 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8619:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8619 { flex-direction: column; } }
.component-8620 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8620:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8620 { flex-direction: column; } }
.component-8621 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8621:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8621 { flex-direction: column; } }
.component-8622 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8622:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8622 { flex-direction: column; } }
.component-8623 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8623:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8623 { flex-direction: column; } }
.component-8624 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8624:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8624 { flex-direction: column; } }
.component-8625 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8625:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8625 { flex-direction: column; } }
.component-8626 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8626:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8626 { flex-direction: column; } }
.component-8627 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8627:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8627 { flex-direction: column; } }
.component-8628 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8628:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8628 { flex-direction: column; } }
.component-8629 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8629:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8629 { flex-direction: column; } }
.component-8630 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8630:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8630 { flex-direction: column; } }
.component-8631 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8631:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8631 { flex-direction: column; } }
.component-8632 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8632:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8632 { flex-direction: column; } }
.component-8633 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8633:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8633 { flex-direction: column; } }
.component-8634 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8634:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8634 { flex-direction: column; } }
.component-8635 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8635:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8635 { flex-direction: column; } }
.component-8636 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8636:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8636 { flex-direction: column; } }
.component-8637 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8637:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8637 { flex-direction: column; } }
.component-8638 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8638:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8638 { flex-direction: column; } }
.component-8639 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8639:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8639 { flex-direction: column; } }
.component-8640 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8640:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8640 { flex-direction: column; } }
.component-8641 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8641:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8641 { flex-direction: column; } }
.component-8642 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8642:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8642 { flex-direction: column; } }
.component-8643 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8643:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8643 { flex-direction: column; } }
.component-8644 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8644:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8644 { flex-direction: column; } }
.component-8645 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8645:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8645 { flex-direction: column; } }
.component-8646 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8646:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8646 { flex-direction: column; } }
.component-8647 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8647:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8647 { flex-direction: column; } }
.component-8648 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8648:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8648 { flex-direction: column; } }
.component-8649 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8649:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8649 { flex-direction: column; } }
.component-8650 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8650:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8650 { flex-direction: column; } }
.component-8651 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8651:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8651 { flex-direction: column; } }
.component-8652 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8652:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8652 { flex-direction: column; } }
.component-8653 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8653:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8653 { flex-direction: column; } }
.component-8654 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8654:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8654 { flex-direction: column; } }
.component-8655 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8655:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8655 { flex-direction: column; } }
.component-8656 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8656:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8656 { flex-direction: column; } }
.component-8657 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8657:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8657 { flex-direction: column; } }
.component-8658 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8658:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8658 { flex-direction: column; } }
.component-8659 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8659:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8659 { flex-direction: column; } }
.component-8660 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8660:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8660 { flex-direction: column; } }
.component-8661 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8661:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8661 { flex-direction: column; } }
.component-8662 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8662:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8662 { flex-direction: column; } }
.component-8663 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8663:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8663 { flex-direction: column; } }
.component-8664 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8664:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8664 { flex-direction: column; } }
.component-8665 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8665:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8665 { flex-direction: column; } }
.component-8666 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8666:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8666 { flex-direction: column; } }
.component-8667 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8667:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8667 { flex-direction: column; } }
.component-8668 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8668:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8668 { flex-direction: column; } }
.component-8669 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8669:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8669 { flex-direction: column; } }
.component-8670 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8670:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8670 { flex-direction: column; } }
.component-8671 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8671:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8671 { flex-direction: column; } }
.component-8672 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8672:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8672 { flex-direction: column; } }
.component-8673 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8673:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8673 { flex-direction: column; } }
.component-8674 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8674:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8674 { flex-direction: column; } }
.component-8675 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8675:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8675 { flex-direction: column; } }
.component-8676 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8676:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8676 { flex-direction: column; } }
.component-8677 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8677:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8677 { flex-direction: column; } }
.component-8678 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8678:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8678 { flex-direction: column; } }
.component-8679 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8679:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8679 { flex-direction: column; } }
.component-8680 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8680:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8680 { flex-direction: column; } }
.component-8681 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8681:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8681 { flex-direction: column; } }
.component-8682 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8682:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8682 { flex-direction: column; } }
.component-8683 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8683:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8683 { flex-direction: column; } }
.component-8684 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8684:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8684 { flex-direction: column; } }
.component-8685 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8685:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8685 { flex-direction: column; } }
.component-8686 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8686:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8686 { flex-direction: column; } }
.component-8687 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8687:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8687 { flex-direction: column; } }
.component-8688 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8688:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8688 { flex-direction: column; } }
.component-8689 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8689:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8689 { flex-direction: column; } }
.component-8690 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8690:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8690 { flex-direction: column; } }
.component-8691 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8691:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8691 { flex-direction: column; } }
.component-8692 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8692:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8692 { flex-direction: column; } }
.component-8693 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8693:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8693 { flex-direction: column; } }
.component-8694 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8694:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8694 { flex-direction: column; } }
.component-8695 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8695:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8695 { flex-direction: column; } }
.component-8696 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8696:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8696 { flex-direction: column; } }
.component-8697 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8697:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8697 { flex-direction: column; } }
.component-8698 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8698:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8698 { flex-direction: column; } }
.component-8699 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8699:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8699 { flex-direction: column; } }
.component-8700 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8700:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8700 { flex-direction: column; } }
.component-8701 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8701:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8701 { flex-direction: column; } }
.component-8702 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8702:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8702 { flex-direction: column; } }
.component-8703 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8703:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8703 { flex-direction: column; } }
.component-8704 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8704:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8704 { flex-direction: column; } }
.component-8705 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8705:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8705 { flex-direction: column; } }
.component-8706 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8706:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8706 { flex-direction: column; } }
.component-8707 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8707:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8707 { flex-direction: column; } }
.component-8708 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8708:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8708 { flex-direction: column; } }
.component-8709 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8709:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8709 { flex-direction: column; } }
.component-8710 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8710:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8710 { flex-direction: column; } }
.component-8711 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8711:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8711 { flex-direction: column; } }
.component-8712 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8712:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8712 { flex-direction: column; } }
.component-8713 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8713:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8713 { flex-direction: column; } }
.component-8714 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8714:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8714 { flex-direction: column; } }
.component-8715 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8715:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8715 { flex-direction: column; } }
.component-8716 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8716:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8716 { flex-direction: column; } }
.component-8717 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8717:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8717 { flex-direction: column; } }
.component-8718 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8718:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8718 { flex-direction: column; } }
.component-8719 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8719:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8719 { flex-direction: column; } }
.component-8720 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8720:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8720 { flex-direction: column; } }
.component-8721 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8721:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8721 { flex-direction: column; } }
.component-8722 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8722:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8722 { flex-direction: column; } }
.component-8723 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8723:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8723 { flex-direction: column; } }
.component-8724 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8724:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8724 { flex-direction: column; } }
.component-8725 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8725:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8725 { flex-direction: column; } }
.component-8726 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8726:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8726 { flex-direction: column; } }
.component-8727 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8727:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8727 { flex-direction: column; } }
.component-8728 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8728:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8728 { flex-direction: column; } }
.component-8729 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8729:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8729 { flex-direction: column; } }
.component-8730 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8730:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8730 { flex-direction: column; } }
.component-8731 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8731:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8731 { flex-direction: column; } }
.component-8732 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8732:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8732 { flex-direction: column; } }
.component-8733 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8733:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8733 { flex-direction: column; } }
.component-8734 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8734:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8734 { flex-direction: column; } }
.component-8735 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8735:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8735 { flex-direction: column; } }
.component-8736 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8736:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8736 { flex-direction: column; } }
.component-8737 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8737:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8737 { flex-direction: column; } }
.component-8738 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8738:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8738 { flex-direction: column; } }
.component-8739 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8739:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8739 { flex-direction: column; } }
.component-8740 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8740:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8740 { flex-direction: column; } }
.component-8741 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8741:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8741 { flex-direction: column; } }
.component-8742 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8742:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8742 { flex-direction: column; } }
.component-8743 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8743:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8743 { flex-direction: column; } }
.component-8744 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8744:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8744 { flex-direction: column; } }
.component-8745 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8745:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8745 { flex-direction: column; } }
.component-8746 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8746:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8746 { flex-direction: column; } }
.component-8747 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8747:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8747 { flex-direction: column; } }
.component-8748 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8748:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8748 { flex-direction: column; } }
.component-8749 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8749:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8749 { flex-direction: column; } }
.component-8750 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8750:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8750 { flex-direction: column; } }
.component-8751 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8751:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8751 { flex-direction: column; } }
.component-8752 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8752:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8752 { flex-direction: column; } }
.component-8753 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8753:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8753 { flex-direction: column; } }
.component-8754 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8754:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8754 { flex-direction: column; } }
.component-8755 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8755:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8755 { flex-direction: column; } }
.component-8756 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8756:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8756 { flex-direction: column; } }
.component-8757 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8757:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8757 { flex-direction: column; } }
.component-8758 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8758:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8758 { flex-direction: column; } }
.component-8759 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8759:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8759 { flex-direction: column; } }
.component-8760 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8760:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8760 { flex-direction: column; } }
.component-8761 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8761:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8761 { flex-direction: column; } }
.component-8762 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8762:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8762 { flex-direction: column; } }
.component-8763 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8763:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8763 { flex-direction: column; } }
.component-8764 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8764:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8764 { flex-direction: column; } }
.component-8765 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8765:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8765 { flex-direction: column; } }
.component-8766 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8766:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8766 { flex-direction: column; } }
.component-8767 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8767:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8767 { flex-direction: column; } }
.component-8768 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8768:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8768 { flex-direction: column; } }
.component-8769 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8769:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8769 { flex-direction: column; } }
.component-8770 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8770:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8770 { flex-direction: column; } }
.component-8771 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8771:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8771 { flex-direction: column; } }
.component-8772 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8772:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8772 { flex-direction: column; } }
.component-8773 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8773:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8773 { flex-direction: column; } }
.component-8774 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8774:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8774 { flex-direction: column; } }
.component-8775 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8775:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8775 { flex-direction: column; } }
.component-8776 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8776:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8776 { flex-direction: column; } }
.component-8777 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8777:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8777 { flex-direction: column; } }
.component-8778 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8778:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8778 { flex-direction: column; } }
.component-8779 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8779:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8779 { flex-direction: column; } }
.component-8780 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8780:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8780 { flex-direction: column; } }
.component-8781 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8781:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8781 { flex-direction: column; } }
.component-8782 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8782:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8782 { flex-direction: column; } }
.component-8783 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8783:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8783 { flex-direction: column; } }
.component-8784 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8784:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8784 { flex-direction: column; } }
.component-8785 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8785:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8785 { flex-direction: column; } }
.component-8786 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8786:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8786 { flex-direction: column; } }
.component-8787 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8787:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8787 { flex-direction: column; } }
.component-8788 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8788:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8788 { flex-direction: column; } }
.component-8789 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8789:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8789 { flex-direction: column; } }
.component-8790 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8790:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8790 { flex-direction: column; } }
.component-8791 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8791:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8791 { flex-direction: column; } }
.component-8792 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8792:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8792 { flex-direction: column; } }
.component-8793 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8793:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8793 { flex-direction: column; } }
.component-8794 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8794:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8794 { flex-direction: column; } }
.component-8795 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8795:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8795 { flex-direction: column; } }
.component-8796 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8796:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8796 { flex-direction: column; } }
.component-8797 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8797:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8797 { flex-direction: column; } }
.component-8798 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8798:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8798 { flex-direction: column; } }
.component-8799 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8799:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8799 { flex-direction: column; } }
.component-8800 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8800:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8800 { flex-direction: column; } }
.component-8801 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8801:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8801 { flex-direction: column; } }
.component-8802 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8802:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8802 { flex-direction: column; } }
.component-8803 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8803:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8803 { flex-direction: column; } }
.component-8804 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8804:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8804 { flex-direction: column; } }
.component-8805 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8805:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8805 { flex-direction: column; } }
.component-8806 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8806:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8806 { flex-direction: column; } }
.component-8807 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8807:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8807 { flex-direction: column; } }
.component-8808 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8808:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8808 { flex-direction: column; } }
.component-8809 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8809:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8809 { flex-direction: column; } }
.component-8810 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8810:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8810 { flex-direction: column; } }
.component-8811 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8811:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8811 { flex-direction: column; } }
.component-8812 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8812:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8812 { flex-direction: column; } }
.component-8813 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8813:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8813 { flex-direction: column; } }
.component-8814 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8814:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8814 { flex-direction: column; } }
.component-8815 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8815:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8815 { flex-direction: column; } }
.component-8816 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8816:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8816 { flex-direction: column; } }
.component-8817 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8817:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8817 { flex-direction: column; } }
.component-8818 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8818:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8818 { flex-direction: column; } }
.component-8819 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8819:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8819 { flex-direction: column; } }
.component-8820 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8820:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8820 { flex-direction: column; } }
.component-8821 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8821:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8821 { flex-direction: column; } }
.component-8822 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8822:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8822 { flex-direction: column; } }
.component-8823 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8823:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8823 { flex-direction: column; } }
.component-8824 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8824:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8824 { flex-direction: column; } }
.component-8825 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8825:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8825 { flex-direction: column; } }
.component-8826 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8826:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8826 { flex-direction: column; } }
.component-8827 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8827:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8827 { flex-direction: column; } }
.component-8828 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8828:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8828 { flex-direction: column; } }
.component-8829 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8829:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8829 { flex-direction: column; } }
.component-8830 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8830:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8830 { flex-direction: column; } }
.component-8831 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8831:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8831 { flex-direction: column; } }
.component-8832 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8832:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8832 { flex-direction: column; } }
.component-8833 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8833:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8833 { flex-direction: column; } }
.component-8834 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8834:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8834 { flex-direction: column; } }
.component-8835 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8835:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8835 { flex-direction: column; } }
.component-8836 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8836:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8836 { flex-direction: column; } }
.component-8837 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8837:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8837 { flex-direction: column; } }
.component-8838 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8838:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8838 { flex-direction: column; } }
.component-8839 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8839:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8839 { flex-direction: column; } }
.component-8840 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8840:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8840 { flex-direction: column; } }
.component-8841 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8841:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8841 { flex-direction: column; } }
.component-8842 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8842:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8842 { flex-direction: column; } }
.component-8843 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8843:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8843 { flex-direction: column; } }
.component-8844 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8844:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8844 { flex-direction: column; } }
.component-8845 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8845:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8845 { flex-direction: column; } }
.component-8846 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8846:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8846 { flex-direction: column; } }
.component-8847 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8847:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8847 { flex-direction: column; } }
.component-8848 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8848:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8848 { flex-direction: column; } }
.component-8849 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8849:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8849 { flex-direction: column; } }
.component-8850 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8850:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8850 { flex-direction: column; } }
.component-8851 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8851:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8851 { flex-direction: column; } }
.component-8852 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8852:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8852 { flex-direction: column; } }
.component-8853 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8853:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8853 { flex-direction: column; } }
.component-8854 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8854:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8854 { flex-direction: column; } }
.component-8855 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8855:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8855 { flex-direction: column; } }
.component-8856 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8856:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8856 { flex-direction: column; } }
.component-8857 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8857:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8857 { flex-direction: column; } }
.component-8858 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8858:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8858 { flex-direction: column; } }
.component-8859 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8859:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8859 { flex-direction: column; } }
.component-8860 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8860:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8860 { flex-direction: column; } }
.component-8861 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8861:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8861 { flex-direction: column; } }
.component-8862 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8862:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8862 { flex-direction: column; } }
.component-8863 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8863:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8863 { flex-direction: column; } }
.component-8864 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8864:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8864 { flex-direction: column; } }
.component-8865 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8865:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8865 { flex-direction: column; } }
.component-8866 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8866:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8866 { flex-direction: column; } }
.component-8867 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8867:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8867 { flex-direction: column; } }
.component-8868 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8868:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8868 { flex-direction: column; } }
.component-8869 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8869:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8869 { flex-direction: column; } }
.component-8870 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8870:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8870 { flex-direction: column; } }
.component-8871 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8871:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8871 { flex-direction: column; } }
.component-8872 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8872:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8872 { flex-direction: column; } }
.component-8873 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8873:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8873 { flex-direction: column; } }
.component-8874 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8874:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8874 { flex-direction: column; } }
.component-8875 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8875:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8875 { flex-direction: column; } }
.component-8876 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8876:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8876 { flex-direction: column; } }
.component-8877 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8877:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8877 { flex-direction: column; } }
.component-8878 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8878:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8878 { flex-direction: column; } }
.component-8879 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8879:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8879 { flex-direction: column; } }
.component-8880 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8880:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8880 { flex-direction: column; } }
.component-8881 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8881:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8881 { flex-direction: column; } }
.component-8882 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8882:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8882 { flex-direction: column; } }
.component-8883 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8883:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8883 { flex-direction: column; } }
.component-8884 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8884:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8884 { flex-direction: column; } }
.component-8885 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8885:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8885 { flex-direction: column; } }
.component-8886 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8886:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8886 { flex-direction: column; } }
.component-8887 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8887:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8887 { flex-direction: column; } }
.component-8888 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8888:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8888 { flex-direction: column; } }
.component-8889 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8889:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8889 { flex-direction: column; } }
.component-8890 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8890:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8890 { flex-direction: column; } }
.component-8891 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8891:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8891 { flex-direction: column; } }
.component-8892 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8892:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8892 { flex-direction: column; } }
.component-8893 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8893:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8893 { flex-direction: column; } }
.component-8894 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8894:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8894 { flex-direction: column; } }
.component-8895 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8895:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8895 { flex-direction: column; } }
.component-8896 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8896:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8896 { flex-direction: column; } }
.component-8897 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8897:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8897 { flex-direction: column; } }
.component-8898 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8898:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8898 { flex-direction: column; } }
.component-8899 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8899:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8899 { flex-direction: column; } }
.component-8900 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8900:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8900 { flex-direction: column; } }
.component-8901 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8901:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8901 { flex-direction: column; } }
.component-8902 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8902:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8902 { flex-direction: column; } }
.component-8903 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8903:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8903 { flex-direction: column; } }
.component-8904 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8904:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8904 { flex-direction: column; } }
.component-8905 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8905:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8905 { flex-direction: column; } }
.component-8906 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8906:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8906 { flex-direction: column; } }
.component-8907 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8907:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8907 { flex-direction: column; } }
.component-8908 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8908:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8908 { flex-direction: column; } }
.component-8909 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8909:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8909 { flex-direction: column; } }
.component-8910 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8910:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8910 { flex-direction: column; } }
.component-8911 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8911:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8911 { flex-direction: column; } }
.component-8912 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8912:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8912 { flex-direction: column; } }
.component-8913 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8913:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8913 { flex-direction: column; } }
.component-8914 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8914:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8914 { flex-direction: column; } }
.component-8915 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8915:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8915 { flex-direction: column; } }
.component-8916 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8916:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8916 { flex-direction: column; } }
.component-8917 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8917:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8917 { flex-direction: column; } }
.component-8918 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8918:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8918 { flex-direction: column; } }
.component-8919 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8919:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8919 { flex-direction: column; } }
.component-8920 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8920:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8920 { flex-direction: column; } }
.component-8921 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8921:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8921 { flex-direction: column; } }
.component-8922 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8922:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8922 { flex-direction: column; } }
.component-8923 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8923:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8923 { flex-direction: column; } }
.component-8924 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8924:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8924 { flex-direction: column; } }
.component-8925 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8925:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8925 { flex-direction: column; } }
.component-8926 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8926:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8926 { flex-direction: column; } }
.component-8927 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8927:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8927 { flex-direction: column; } }
.component-8928 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8928:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8928 { flex-direction: column; } }
.component-8929 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8929:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8929 { flex-direction: column; } }
.component-8930 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8930:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8930 { flex-direction: column; } }
.component-8931 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8931:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8931 { flex-direction: column; } }
.component-8932 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8932:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8932 { flex-direction: column; } }
.component-8933 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8933:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8933 { flex-direction: column; } }
.component-8934 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8934:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8934 { flex-direction: column; } }
.component-8935 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8935:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8935 { flex-direction: column; } }
.component-8936 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8936:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8936 { flex-direction: column; } }
.component-8937 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8937:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8937 { flex-direction: column; } }
.component-8938 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8938:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8938 { flex-direction: column; } }
.component-8939 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8939:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8939 { flex-direction: column; } }
.component-8940 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8940:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8940 { flex-direction: column; } }
.component-8941 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8941:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8941 { flex-direction: column; } }
.component-8942 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8942:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8942 { flex-direction: column; } }
.component-8943 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8943:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8943 { flex-direction: column; } }
.component-8944 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8944:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8944 { flex-direction: column; } }
.component-8945 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8945:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8945 { flex-direction: column; } }
.component-8946 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8946:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8946 { flex-direction: column; } }
.component-8947 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8947:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8947 { flex-direction: column; } }
.component-8948 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8948:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8948 { flex-direction: column; } }
.component-8949 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8949:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8949 { flex-direction: column; } }
.component-8950 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8950:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8950 { flex-direction: column; } }
.component-8951 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8951:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8951 { flex-direction: column; } }
.component-8952 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8952:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8952 { flex-direction: column; } }
.component-8953 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8953:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8953 { flex-direction: column; } }
.component-8954 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8954:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8954 { flex-direction: column; } }
.component-8955 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8955:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8955 { flex-direction: column; } }
.component-8956 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8956:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8956 { flex-direction: column; } }
.component-8957 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8957:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8957 { flex-direction: column; } }
.component-8958 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8958:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8958 { flex-direction: column; } }
.component-8959 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8959:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8959 { flex-direction: column; } }
.component-8960 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8960:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8960 { flex-direction: column; } }
.component-8961 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8961:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8961 { flex-direction: column; } }
.component-8962 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8962:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8962 { flex-direction: column; } }
.component-8963 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8963:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8963 { flex-direction: column; } }
.component-8964 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8964:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8964 { flex-direction: column; } }
.component-8965 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8965:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8965 { flex-direction: column; } }
.component-8966 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8966:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8966 { flex-direction: column; } }
.component-8967 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8967:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8967 { flex-direction: column; } }
.component-8968 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8968:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8968 { flex-direction: column; } }
.component-8969 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8969:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8969 { flex-direction: column; } }
.component-8970 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8970:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8970 { flex-direction: column; } }
.component-8971 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8971:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8971 { flex-direction: column; } }
.component-8972 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8972:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8972 { flex-direction: column; } }
.component-8973 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8973:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8973 { flex-direction: column; } }
.component-8974 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8974:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8974 { flex-direction: column; } }
.component-8975 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8975:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8975 { flex-direction: column; } }
.component-8976 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8976:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8976 { flex-direction: column; } }
.component-8977 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8977:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8977 { flex-direction: column; } }
.component-8978 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8978:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8978 { flex-direction: column; } }
.component-8979 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8979:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8979 { flex-direction: column; } }
.component-8980 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8980:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8980 { flex-direction: column; } }
.component-8981 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8981:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8981 { flex-direction: column; } }
.component-8982 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8982:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8982 { flex-direction: column; } }
.component-8983 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8983:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8983 { flex-direction: column; } }
.component-8984 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8984:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8984 { flex-direction: column; } }
.component-8985 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8985:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-8985 { flex-direction: column; } }
.component-8986 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8986:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-8986 { flex-direction: column; } }
.component-8987 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8987:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-8987 { flex-direction: column; } }
.component-8988 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8988:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-8988 { flex-direction: column; } }
.component-8989 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8989:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-8989 { flex-direction: column; } }
.component-8990 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-8990:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-8990 { flex-direction: column; } }
.component-8991 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-8991:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-8991 { flex-direction: column; } }
.component-8992 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-8992:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-8992 { flex-direction: column; } }
.component-8993 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-8993:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-8993 { flex-direction: column; } }
.component-8994 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-8994:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-8994 { flex-direction: column; } }
.component-8995 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-8995:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-8995 { flex-direction: column; } }
.component-8996 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-8996:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-8996 { flex-direction: column; } }
.component-8997 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-8997:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-8997 { flex-direction: column; } }
.component-8998 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-8998:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-8998 { flex-direction: column; } }
.component-8999 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-8999:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-8999 { flex-direction: column; } }
.component-9000 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9000:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9000 { flex-direction: column; } }
.component-9001 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9001:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9001 { flex-direction: column; } }
.component-9002 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9002:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9002 { flex-direction: column; } }
.component-9003 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9003:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9003 { flex-direction: column; } }
.component-9004 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9004:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9004 { flex-direction: column; } }
.component-9005 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9005:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9005 { flex-direction: column; } }
.component-9006 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9006:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9006 { flex-direction: column; } }
.component-9007 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9007:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9007 { flex-direction: column; } }
.component-9008 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9008:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9008 { flex-direction: column; } }
.component-9009 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9009:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9009 { flex-direction: column; } }
.component-9010 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9010:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9010 { flex-direction: column; } }
.component-9011 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9011:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9011 { flex-direction: column; } }
.component-9012 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9012:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9012 { flex-direction: column; } }
.component-9013 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9013:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9013 { flex-direction: column; } }
.component-9014 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9014:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9014 { flex-direction: column; } }
.component-9015 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9015:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9015 { flex-direction: column; } }
.component-9016 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9016:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9016 { flex-direction: column; } }
.component-9017 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9017:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9017 { flex-direction: column; } }
.component-9018 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9018:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9018 { flex-direction: column; } }
.component-9019 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9019:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9019 { flex-direction: column; } }
.component-9020 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9020:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9020 { flex-direction: column; } }
.component-9021 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9021:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9021 { flex-direction: column; } }
.component-9022 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9022:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9022 { flex-direction: column; } }
.component-9023 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9023:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9023 { flex-direction: column; } }
.component-9024 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9024:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9024 { flex-direction: column; } }
.component-9025 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9025:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9025 { flex-direction: column; } }
.component-9026 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9026:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9026 { flex-direction: column; } }
.component-9027 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9027:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9027 { flex-direction: column; } }
.component-9028 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9028:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9028 { flex-direction: column; } }
.component-9029 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9029:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9029 { flex-direction: column; } }
.component-9030 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9030:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9030 { flex-direction: column; } }
.component-9031 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9031:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9031 { flex-direction: column; } }
.component-9032 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9032:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9032 { flex-direction: column; } }
.component-9033 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9033:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9033 { flex-direction: column; } }
.component-9034 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9034:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9034 { flex-direction: column; } }
.component-9035 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9035:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9035 { flex-direction: column; } }
.component-9036 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9036:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9036 { flex-direction: column; } }
.component-9037 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9037:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9037 { flex-direction: column; } }
.component-9038 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9038:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9038 { flex-direction: column; } }
.component-9039 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9039:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9039 { flex-direction: column; } }
.component-9040 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9040:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9040 { flex-direction: column; } }
.component-9041 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9041:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9041 { flex-direction: column; } }
.component-9042 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9042:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9042 { flex-direction: column; } }
.component-9043 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9043:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9043 { flex-direction: column; } }
.component-9044 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9044:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9044 { flex-direction: column; } }
.component-9045 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9045:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9045 { flex-direction: column; } }
.component-9046 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9046:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9046 { flex-direction: column; } }
.component-9047 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9047:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9047 { flex-direction: column; } }
.component-9048 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9048:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9048 { flex-direction: column; } }
.component-9049 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9049:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9049 { flex-direction: column; } }
.component-9050 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9050:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9050 { flex-direction: column; } }
.component-9051 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9051:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9051 { flex-direction: column; } }
.component-9052 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9052:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9052 { flex-direction: column; } }
.component-9053 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9053:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9053 { flex-direction: column; } }
.component-9054 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9054:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9054 { flex-direction: column; } }
.component-9055 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9055:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9055 { flex-direction: column; } }
.component-9056 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9056:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9056 { flex-direction: column; } }
.component-9057 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9057:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9057 { flex-direction: column; } }
.component-9058 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9058:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9058 { flex-direction: column; } }
.component-9059 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9059:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9059 { flex-direction: column; } }
.component-9060 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9060:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9060 { flex-direction: column; } }
.component-9061 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9061:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9061 { flex-direction: column; } }
.component-9062 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9062:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9062 { flex-direction: column; } }
.component-9063 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9063:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9063 { flex-direction: column; } }
.component-9064 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9064:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9064 { flex-direction: column; } }
.component-9065 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9065:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9065 { flex-direction: column; } }
.component-9066 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9066:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9066 { flex-direction: column; } }
.component-9067 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9067:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9067 { flex-direction: column; } }
.component-9068 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9068:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9068 { flex-direction: column; } }
.component-9069 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9069:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9069 { flex-direction: column; } }
.component-9070 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9070:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9070 { flex-direction: column; } }
.component-9071 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9071:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9071 { flex-direction: column; } }
.component-9072 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9072:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9072 { flex-direction: column; } }
.component-9073 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9073:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9073 { flex-direction: column; } }
.component-9074 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9074:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9074 { flex-direction: column; } }
.component-9075 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9075:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9075 { flex-direction: column; } }
.component-9076 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9076:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9076 { flex-direction: column; } }
.component-9077 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9077:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9077 { flex-direction: column; } }
.component-9078 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9078:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9078 { flex-direction: column; } }
.component-9079 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9079:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9079 { flex-direction: column; } }
.component-9080 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9080:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9080 { flex-direction: column; } }
.component-9081 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9081:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9081 { flex-direction: column; } }
.component-9082 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9082:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9082 { flex-direction: column; } }
.component-9083 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9083:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9083 { flex-direction: column; } }
.component-9084 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9084:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9084 { flex-direction: column; } }
.component-9085 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9085:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9085 { flex-direction: column; } }
.component-9086 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9086:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9086 { flex-direction: column; } }
.component-9087 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9087:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9087 { flex-direction: column; } }
.component-9088 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9088:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9088 { flex-direction: column; } }
.component-9089 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9089:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9089 { flex-direction: column; } }
.component-9090 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9090:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9090 { flex-direction: column; } }
.component-9091 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9091:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9091 { flex-direction: column; } }
.component-9092 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9092:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9092 { flex-direction: column; } }
.component-9093 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9093:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9093 { flex-direction: column; } }
.component-9094 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9094:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9094 { flex-direction: column; } }
.component-9095 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9095:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9095 { flex-direction: column; } }
.component-9096 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9096:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9096 { flex-direction: column; } }
.component-9097 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9097:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9097 { flex-direction: column; } }
.component-9098 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9098:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9098 { flex-direction: column; } }
.component-9099 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9099:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9099 { flex-direction: column; } }
.component-9100 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9100:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9100 { flex-direction: column; } }
.component-9101 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9101:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9101 { flex-direction: column; } }
.component-9102 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9102:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9102 { flex-direction: column; } }
.component-9103 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9103:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9103 { flex-direction: column; } }
.component-9104 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9104:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9104 { flex-direction: column; } }
.component-9105 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9105:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9105 { flex-direction: column; } }
.component-9106 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9106:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9106 { flex-direction: column; } }
.component-9107 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9107:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9107 { flex-direction: column; } }
.component-9108 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9108:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9108 { flex-direction: column; } }
.component-9109 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9109:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9109 { flex-direction: column; } }
.component-9110 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9110:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9110 { flex-direction: column; } }
.component-9111 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9111:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9111 { flex-direction: column; } }
.component-9112 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9112:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9112 { flex-direction: column; } }
.component-9113 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9113:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9113 { flex-direction: column; } }
.component-9114 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9114:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9114 { flex-direction: column; } }
.component-9115 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9115:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9115 { flex-direction: column; } }
.component-9116 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9116:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9116 { flex-direction: column; } }
.component-9117 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9117:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9117 { flex-direction: column; } }
.component-9118 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9118:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9118 { flex-direction: column; } }
.component-9119 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9119:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9119 { flex-direction: column; } }
.component-9120 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9120:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9120 { flex-direction: column; } }
.component-9121 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9121:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9121 { flex-direction: column; } }
.component-9122 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9122:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9122 { flex-direction: column; } }
.component-9123 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9123:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9123 { flex-direction: column; } }
.component-9124 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9124:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9124 { flex-direction: column; } }
.component-9125 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9125:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9125 { flex-direction: column; } }
.component-9126 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9126:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9126 { flex-direction: column; } }
.component-9127 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9127:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9127 { flex-direction: column; } }
.component-9128 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9128:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9128 { flex-direction: column; } }
.component-9129 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9129:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9129 { flex-direction: column; } }
.component-9130 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9130:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9130 { flex-direction: column; } }
.component-9131 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9131:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9131 { flex-direction: column; } }
.component-9132 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9132:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9132 { flex-direction: column; } }
.component-9133 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9133:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9133 { flex-direction: column; } }
.component-9134 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9134:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9134 { flex-direction: column; } }
.component-9135 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9135:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9135 { flex-direction: column; } }
.component-9136 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9136:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9136 { flex-direction: column; } }
.component-9137 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9137:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9137 { flex-direction: column; } }
.component-9138 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9138:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9138 { flex-direction: column; } }
.component-9139 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9139:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9139 { flex-direction: column; } }
.component-9140 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9140:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9140 { flex-direction: column; } }
.component-9141 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9141:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9141 { flex-direction: column; } }
.component-9142 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9142:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9142 { flex-direction: column; } }
.component-9143 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9143:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9143 { flex-direction: column; } }
.component-9144 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9144:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9144 { flex-direction: column; } }
.component-9145 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9145:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9145 { flex-direction: column; } }
.component-9146 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9146:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9146 { flex-direction: column; } }
.component-9147 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9147:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9147 { flex-direction: column; } }
.component-9148 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9148:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9148 { flex-direction: column; } }
.component-9149 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9149:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9149 { flex-direction: column; } }
.component-9150 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9150:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9150 { flex-direction: column; } }
.component-9151 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9151:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9151 { flex-direction: column; } }
.component-9152 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9152:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9152 { flex-direction: column; } }
.component-9153 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9153:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9153 { flex-direction: column; } }
.component-9154 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9154:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9154 { flex-direction: column; } }
.component-9155 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9155:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9155 { flex-direction: column; } }
.component-9156 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9156:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9156 { flex-direction: column; } }
.component-9157 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9157:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9157 { flex-direction: column; } }
.component-9158 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9158:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9158 { flex-direction: column; } }
.component-9159 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9159:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9159 { flex-direction: column; } }
.component-9160 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9160:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9160 { flex-direction: column; } }
.component-9161 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9161:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9161 { flex-direction: column; } }
.component-9162 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9162:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9162 { flex-direction: column; } }
.component-9163 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9163:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9163 { flex-direction: column; } }
.component-9164 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9164:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9164 { flex-direction: column; } }
.component-9165 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9165:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9165 { flex-direction: column; } }
.component-9166 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9166:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9166 { flex-direction: column; } }
.component-9167 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9167:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9167 { flex-direction: column; } }
.component-9168 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9168:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9168 { flex-direction: column; } }
.component-9169 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9169:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9169 { flex-direction: column; } }
.component-9170 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9170:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9170 { flex-direction: column; } }
.component-9171 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9171:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9171 { flex-direction: column; } }
.component-9172 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9172:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9172 { flex-direction: column; } }
.component-9173 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9173:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9173 { flex-direction: column; } }
.component-9174 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9174:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9174 { flex-direction: column; } }
.component-9175 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9175:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9175 { flex-direction: column; } }
.component-9176 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9176:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9176 { flex-direction: column; } }
.component-9177 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9177:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9177 { flex-direction: column; } }
.component-9178 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9178:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9178 { flex-direction: column; } }
.component-9179 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9179:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9179 { flex-direction: column; } }
.component-9180 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9180:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9180 { flex-direction: column; } }
.component-9181 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9181:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9181 { flex-direction: column; } }
.component-9182 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9182:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9182 { flex-direction: column; } }
.component-9183 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9183:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9183 { flex-direction: column; } }
.component-9184 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9184:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9184 { flex-direction: column; } }
.component-9185 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9185:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9185 { flex-direction: column; } }
.component-9186 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9186:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9186 { flex-direction: column; } }
.component-9187 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9187:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9187 { flex-direction: column; } }
.component-9188 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9188:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9188 { flex-direction: column; } }
.component-9189 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9189:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9189 { flex-direction: column; } }
.component-9190 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9190:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9190 { flex-direction: column; } }
.component-9191 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9191:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9191 { flex-direction: column; } }
.component-9192 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9192:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9192 { flex-direction: column; } }
.component-9193 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9193:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9193 { flex-direction: column; } }
.component-9194 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9194:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9194 { flex-direction: column; } }
.component-9195 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9195:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9195 { flex-direction: column; } }
.component-9196 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9196:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9196 { flex-direction: column; } }
.component-9197 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9197:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9197 { flex-direction: column; } }
.component-9198 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9198:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9198 { flex-direction: column; } }
.component-9199 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9199:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9199 { flex-direction: column; } }
.component-9200 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9200:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9200 { flex-direction: column; } }
.component-9201 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9201:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9201 { flex-direction: column; } }
.component-9202 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9202:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9202 { flex-direction: column; } }
.component-9203 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9203:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9203 { flex-direction: column; } }
.component-9204 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9204:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9204 { flex-direction: column; } }
.component-9205 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9205:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9205 { flex-direction: column; } }
.component-9206 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9206:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9206 { flex-direction: column; } }
.component-9207 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9207:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9207 { flex-direction: column; } }
.component-9208 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9208:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9208 { flex-direction: column; } }
.component-9209 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9209:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9209 { flex-direction: column; } }
.component-9210 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9210:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9210 { flex-direction: column; } }
.component-9211 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9211:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9211 { flex-direction: column; } }
.component-9212 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9212:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9212 { flex-direction: column; } }
.component-9213 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9213:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9213 { flex-direction: column; } }
.component-9214 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9214:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9214 { flex-direction: column; } }
.component-9215 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9215:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9215 { flex-direction: column; } }
.component-9216 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9216:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9216 { flex-direction: column; } }
.component-9217 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9217:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9217 { flex-direction: column; } }
.component-9218 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9218:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9218 { flex-direction: column; } }
.component-9219 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9219:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9219 { flex-direction: column; } }
.component-9220 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9220:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9220 { flex-direction: column; } }
.component-9221 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9221:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9221 { flex-direction: column; } }
.component-9222 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9222:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9222 { flex-direction: column; } }
.component-9223 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9223:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9223 { flex-direction: column; } }
.component-9224 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9224:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9224 { flex-direction: column; } }
.component-9225 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9225:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9225 { flex-direction: column; } }
.component-9226 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9226:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9226 { flex-direction: column; } }
.component-9227 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9227:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9227 { flex-direction: column; } }
.component-9228 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9228:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9228 { flex-direction: column; } }
.component-9229 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9229:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9229 { flex-direction: column; } }
.component-9230 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9230:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9230 { flex-direction: column; } }
.component-9231 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9231:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9231 { flex-direction: column; } }
.component-9232 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9232:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9232 { flex-direction: column; } }
.component-9233 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9233:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9233 { flex-direction: column; } }
.component-9234 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9234:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9234 { flex-direction: column; } }
.component-9235 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9235:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9235 { flex-direction: column; } }
.component-9236 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9236:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9236 { flex-direction: column; } }
.component-9237 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9237:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9237 { flex-direction: column; } }
.component-9238 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9238:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9238 { flex-direction: column; } }
.component-9239 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9239:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9239 { flex-direction: column; } }
.component-9240 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9240:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9240 { flex-direction: column; } }
.component-9241 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9241:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9241 { flex-direction: column; } }
.component-9242 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9242:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9242 { flex-direction: column; } }
.component-9243 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9243:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9243 { flex-direction: column; } }
.component-9244 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9244:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9244 { flex-direction: column; } }
.component-9245 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9245:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9245 { flex-direction: column; } }
.component-9246 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9246:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9246 { flex-direction: column; } }
.component-9247 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9247:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9247 { flex-direction: column; } }
.component-9248 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9248:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9248 { flex-direction: column; } }
.component-9249 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9249:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9249 { flex-direction: column; } }
.component-9250 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9250:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9250 { flex-direction: column; } }
.component-9251 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9251:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9251 { flex-direction: column; } }
.component-9252 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9252:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9252 { flex-direction: column; } }
.component-9253 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9253:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9253 { flex-direction: column; } }
.component-9254 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9254:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9254 { flex-direction: column; } }
.component-9255 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9255:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9255 { flex-direction: column; } }
.component-9256 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9256:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9256 { flex-direction: column; } }
.component-9257 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9257:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9257 { flex-direction: column; } }
.component-9258 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9258:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9258 { flex-direction: column; } }
.component-9259 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9259:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9259 { flex-direction: column; } }
.component-9260 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9260:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9260 { flex-direction: column; } }
.component-9261 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9261:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9261 { flex-direction: column; } }
.component-9262 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9262:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9262 { flex-direction: column; } }
.component-9263 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9263:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9263 { flex-direction: column; } }
.component-9264 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9264:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9264 { flex-direction: column; } }
.component-9265 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9265:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9265 { flex-direction: column; } }
.component-9266 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9266:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9266 { flex-direction: column; } }
.component-9267 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9267:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9267 { flex-direction: column; } }
.component-9268 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9268:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9268 { flex-direction: column; } }
.component-9269 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9269:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9269 { flex-direction: column; } }
.component-9270 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9270:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9270 { flex-direction: column; } }
.component-9271 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9271:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9271 { flex-direction: column; } }
.component-9272 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9272:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9272 { flex-direction: column; } }
.component-9273 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9273:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9273 { flex-direction: column; } }
.component-9274 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9274:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9274 { flex-direction: column; } }
.component-9275 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9275:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9275 { flex-direction: column; } }
.component-9276 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9276:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9276 { flex-direction: column; } }
.component-9277 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9277:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9277 { flex-direction: column; } }
.component-9278 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9278:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9278 { flex-direction: column; } }
.component-9279 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9279:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9279 { flex-direction: column; } }
.component-9280 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9280:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9280 { flex-direction: column; } }
.component-9281 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9281:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9281 { flex-direction: column; } }
.component-9282 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9282:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9282 { flex-direction: column; } }
.component-9283 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9283:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9283 { flex-direction: column; } }
.component-9284 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9284:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9284 { flex-direction: column; } }
.component-9285 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9285:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9285 { flex-direction: column; } }
.component-9286 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9286:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9286 { flex-direction: column; } }
.component-9287 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9287:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9287 { flex-direction: column; } }
.component-9288 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9288:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9288 { flex-direction: column; } }
.component-9289 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9289:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9289 { flex-direction: column; } }
.component-9290 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9290:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9290 { flex-direction: column; } }
.component-9291 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9291:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9291 { flex-direction: column; } }
.component-9292 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9292:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9292 { flex-direction: column; } }
.component-9293 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9293:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9293 { flex-direction: column; } }
.component-9294 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9294:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9294 { flex-direction: column; } }
.component-9295 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9295:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9295 { flex-direction: column; } }
.component-9296 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9296:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9296 { flex-direction: column; } }
.component-9297 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9297:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9297 { flex-direction: column; } }
.component-9298 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9298:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9298 { flex-direction: column; } }
.component-9299 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9299:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9299 { flex-direction: column; } }
.component-9300 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9300:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9300 { flex-direction: column; } }
.component-9301 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9301:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9301 { flex-direction: column; } }
.component-9302 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9302:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9302 { flex-direction: column; } }
.component-9303 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9303:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9303 { flex-direction: column; } }
.component-9304 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9304:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9304 { flex-direction: column; } }
.component-9305 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9305:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9305 { flex-direction: column; } }
.component-9306 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9306:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9306 { flex-direction: column; } }
.component-9307 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9307:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9307 { flex-direction: column; } }
.component-9308 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9308:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9308 { flex-direction: column; } }
.component-9309 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9309:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9309 { flex-direction: column; } }
.component-9310 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9310:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9310 { flex-direction: column; } }
.component-9311 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9311:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9311 { flex-direction: column; } }
.component-9312 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9312:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9312 { flex-direction: column; } }
.component-9313 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9313:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9313 { flex-direction: column; } }
.component-9314 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9314:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9314 { flex-direction: column; } }
.component-9315 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9315:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9315 { flex-direction: column; } }
.component-9316 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9316:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9316 { flex-direction: column; } }
.component-9317 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9317:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9317 { flex-direction: column; } }
.component-9318 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9318:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9318 { flex-direction: column; } }
.component-9319 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9319:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9319 { flex-direction: column; } }
.component-9320 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9320:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9320 { flex-direction: column; } }
.component-9321 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9321:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9321 { flex-direction: column; } }
.component-9322 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9322:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9322 { flex-direction: column; } }
.component-9323 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9323:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9323 { flex-direction: column; } }
.component-9324 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9324:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9324 { flex-direction: column; } }
.component-9325 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9325:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9325 { flex-direction: column; } }
.component-9326 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9326:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9326 { flex-direction: column; } }
.component-9327 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9327:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9327 { flex-direction: column; } }
.component-9328 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9328:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9328 { flex-direction: column; } }
.component-9329 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9329:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9329 { flex-direction: column; } }
.component-9330 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9330:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9330 { flex-direction: column; } }
.component-9331 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9331:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9331 { flex-direction: column; } }
.component-9332 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9332:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9332 { flex-direction: column; } }
.component-9333 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9333:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9333 { flex-direction: column; } }
.component-9334 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9334:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9334 { flex-direction: column; } }
.component-9335 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9335:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9335 { flex-direction: column; } }
.component-9336 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9336:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9336 { flex-direction: column; } }
.component-9337 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9337:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9337 { flex-direction: column; } }
.component-9338 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9338:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9338 { flex-direction: column; } }
.component-9339 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9339:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9339 { flex-direction: column; } }
.component-9340 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9340:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9340 { flex-direction: column; } }
.component-9341 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9341:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9341 { flex-direction: column; } }
.component-9342 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9342:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9342 { flex-direction: column; } }
.component-9343 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9343:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9343 { flex-direction: column; } }
.component-9344 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9344:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9344 { flex-direction: column; } }
.component-9345 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9345:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9345 { flex-direction: column; } }
.component-9346 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9346:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9346 { flex-direction: column; } }
.component-9347 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9347:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9347 { flex-direction: column; } }
.component-9348 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9348:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9348 { flex-direction: column; } }
.component-9349 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9349:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9349 { flex-direction: column; } }
.component-9350 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9350:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9350 { flex-direction: column; } }
.component-9351 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9351:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9351 { flex-direction: column; } }
.component-9352 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9352:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9352 { flex-direction: column; } }
.component-9353 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9353:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9353 { flex-direction: column; } }
.component-9354 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9354:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9354 { flex-direction: column; } }
.component-9355 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9355:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9355 { flex-direction: column; } }
.component-9356 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9356:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9356 { flex-direction: column; } }
.component-9357 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9357:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9357 { flex-direction: column; } }
.component-9358 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9358:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9358 { flex-direction: column; } }
.component-9359 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9359:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9359 { flex-direction: column; } }
.component-9360 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9360:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9360 { flex-direction: column; } }
.component-9361 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9361:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9361 { flex-direction: column; } }
.component-9362 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9362:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9362 { flex-direction: column; } }
.component-9363 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9363:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9363 { flex-direction: column; } }
.component-9364 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9364:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9364 { flex-direction: column; } }
.component-9365 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9365:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9365 { flex-direction: column; } }
.component-9366 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9366:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9366 { flex-direction: column; } }
.component-9367 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9367:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9367 { flex-direction: column; } }
.component-9368 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9368:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9368 { flex-direction: column; } }
.component-9369 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9369:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9369 { flex-direction: column; } }
.component-9370 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9370:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9370 { flex-direction: column; } }
.component-9371 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9371:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9371 { flex-direction: column; } }
.component-9372 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9372:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9372 { flex-direction: column; } }
.component-9373 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9373:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9373 { flex-direction: column; } }
.component-9374 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9374:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9374 { flex-direction: column; } }
.component-9375 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9375:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9375 { flex-direction: column; } }
.component-9376 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9376:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9376 { flex-direction: column; } }
.component-9377 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9377:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9377 { flex-direction: column; } }
.component-9378 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9378:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9378 { flex-direction: column; } }
.component-9379 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9379:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9379 { flex-direction: column; } }
.component-9380 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9380:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9380 { flex-direction: column; } }
.component-9381 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9381:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9381 { flex-direction: column; } }
.component-9382 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9382:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9382 { flex-direction: column; } }
.component-9383 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9383:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9383 { flex-direction: column; } }
.component-9384 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9384:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9384 { flex-direction: column; } }
.component-9385 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9385:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9385 { flex-direction: column; } }
.component-9386 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9386:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9386 { flex-direction: column; } }
.component-9387 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9387:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9387 { flex-direction: column; } }
.component-9388 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9388:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9388 { flex-direction: column; } }
.component-9389 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9389:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9389 { flex-direction: column; } }
.component-9390 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9390:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9390 { flex-direction: column; } }
.component-9391 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9391:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9391 { flex-direction: column; } }
.component-9392 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9392:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9392 { flex-direction: column; } }
.component-9393 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9393:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9393 { flex-direction: column; } }
.component-9394 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9394:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9394 { flex-direction: column; } }
.component-9395 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9395:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9395 { flex-direction: column; } }
.component-9396 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9396:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9396 { flex-direction: column; } }
.component-9397 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9397:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9397 { flex-direction: column; } }
.component-9398 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9398:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9398 { flex-direction: column; } }
.component-9399 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9399:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9399 { flex-direction: column; } }
.component-9400 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9400:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9400 { flex-direction: column; } }
.component-9401 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9401:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9401 { flex-direction: column; } }
.component-9402 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9402:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9402 { flex-direction: column; } }
.component-9403 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9403:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9403 { flex-direction: column; } }
.component-9404 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9404:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9404 { flex-direction: column; } }
.component-9405 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9405:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9405 { flex-direction: column; } }
.component-9406 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9406:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9406 { flex-direction: column; } }
.component-9407 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9407:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9407 { flex-direction: column; } }
.component-9408 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9408:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9408 { flex-direction: column; } }
.component-9409 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9409:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9409 { flex-direction: column; } }
.component-9410 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9410:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9410 { flex-direction: column; } }
.component-9411 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9411:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9411 { flex-direction: column; } }
.component-9412 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9412:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9412 { flex-direction: column; } }
.component-9413 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9413:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9413 { flex-direction: column; } }
.component-9414 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9414:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9414 { flex-direction: column; } }
.component-9415 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9415:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9415 { flex-direction: column; } }
.component-9416 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9416:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9416 { flex-direction: column; } }
.component-9417 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9417:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9417 { flex-direction: column; } }
.component-9418 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9418:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9418 { flex-direction: column; } }
.component-9419 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9419:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9419 { flex-direction: column; } }
.component-9420 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9420:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9420 { flex-direction: column; } }
.component-9421 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9421:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9421 { flex-direction: column; } }
.component-9422 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9422:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9422 { flex-direction: column; } }
.component-9423 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9423:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9423 { flex-direction: column; } }
.component-9424 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9424:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9424 { flex-direction: column; } }
.component-9425 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9425:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9425 { flex-direction: column; } }
.component-9426 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9426:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9426 { flex-direction: column; } }
.component-9427 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9427:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9427 { flex-direction: column; } }
.component-9428 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9428:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9428 { flex-direction: column; } }
.component-9429 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9429:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9429 { flex-direction: column; } }
.component-9430 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9430:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9430 { flex-direction: column; } }
.component-9431 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9431:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9431 { flex-direction: column; } }
.component-9432 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9432:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9432 { flex-direction: column; } }
.component-9433 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9433:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9433 { flex-direction: column; } }
.component-9434 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9434:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9434 { flex-direction: column; } }
.component-9435 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9435:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9435 { flex-direction: column; } }
.component-9436 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9436:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9436 { flex-direction: column; } }
.component-9437 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9437:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9437 { flex-direction: column; } }
.component-9438 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9438:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9438 { flex-direction: column; } }
.component-9439 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9439:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9439 { flex-direction: column; } }
.component-9440 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9440:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9440 { flex-direction: column; } }
.component-9441 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9441:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9441 { flex-direction: column; } }
.component-9442 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9442:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9442 { flex-direction: column; } }
.component-9443 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9443:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9443 { flex-direction: column; } }
.component-9444 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9444:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9444 { flex-direction: column; } }
.component-9445 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9445:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9445 { flex-direction: column; } }
.component-9446 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9446:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9446 { flex-direction: column; } }
.component-9447 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9447:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9447 { flex-direction: column; } }
.component-9448 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9448:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9448 { flex-direction: column; } }
.component-9449 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9449:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9449 { flex-direction: column; } }
.component-9450 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9450:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9450 { flex-direction: column; } }
.component-9451 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9451:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9451 { flex-direction: column; } }
.component-9452 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9452:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9452 { flex-direction: column; } }
.component-9453 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9453:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9453 { flex-direction: column; } }
.component-9454 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9454:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9454 { flex-direction: column; } }
.component-9455 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9455:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9455 { flex-direction: column; } }
.component-9456 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9456:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9456 { flex-direction: column; } }
.component-9457 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9457:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9457 { flex-direction: column; } }
.component-9458 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9458:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9458 { flex-direction: column; } }
.component-9459 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9459:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9459 { flex-direction: column; } }
.component-9460 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9460:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9460 { flex-direction: column; } }
.component-9461 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9461:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9461 { flex-direction: column; } }
.component-9462 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9462:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9462 { flex-direction: column; } }
.component-9463 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9463:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9463 { flex-direction: column; } }
.component-9464 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9464:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9464 { flex-direction: column; } }
.component-9465 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9465:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9465 { flex-direction: column; } }
.component-9466 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9466:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9466 { flex-direction: column; } }
.component-9467 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9467:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9467 { flex-direction: column; } }
.component-9468 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9468:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9468 { flex-direction: column; } }
.component-9469 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9469:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9469 { flex-direction: column; } }
.component-9470 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9470:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9470 { flex-direction: column; } }
.component-9471 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9471:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9471 { flex-direction: column; } }
.component-9472 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9472:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9472 { flex-direction: column; } }
.component-9473 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9473:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9473 { flex-direction: column; } }
.component-9474 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9474:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9474 { flex-direction: column; } }
.component-9475 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9475:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9475 { flex-direction: column; } }
.component-9476 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9476:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9476 { flex-direction: column; } }
.component-9477 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9477:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9477 { flex-direction: column; } }
.component-9478 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9478:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9478 { flex-direction: column; } }
.component-9479 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9479:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9479 { flex-direction: column; } }
.component-9480 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9480:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9480 { flex-direction: column; } }
.component-9481 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9481:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9481 { flex-direction: column; } }
.component-9482 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9482:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9482 { flex-direction: column; } }
.component-9483 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9483:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9483 { flex-direction: column; } }
.component-9484 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9484:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9484 { flex-direction: column; } }
.component-9485 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9485:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9485 { flex-direction: column; } }
.component-9486 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9486:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9486 { flex-direction: column; } }
.component-9487 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9487:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9487 { flex-direction: column; } }
.component-9488 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9488:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9488 { flex-direction: column; } }
.component-9489 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9489:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9489 { flex-direction: column; } }
.component-9490 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9490:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9490 { flex-direction: column; } }
.component-9491 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9491:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9491 { flex-direction: column; } }
.component-9492 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9492:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9492 { flex-direction: column; } }
.component-9493 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9493:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9493 { flex-direction: column; } }
.component-9494 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9494:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9494 { flex-direction: column; } }
.component-9495 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9495:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9495 { flex-direction: column; } }
.component-9496 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9496:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9496 { flex-direction: column; } }
.component-9497 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9497:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9497 { flex-direction: column; } }
.component-9498 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9498:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9498 { flex-direction: column; } }
.component-9499 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9499:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9499 { flex-direction: column; } }
.component-9500 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9500:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9500 { flex-direction: column; } }
.component-9501 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9501:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9501 { flex-direction: column; } }
.component-9502 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9502:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9502 { flex-direction: column; } }
.component-9503 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9503:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9503 { flex-direction: column; } }
.component-9504 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9504:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9504 { flex-direction: column; } }
.component-9505 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9505:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9505 { flex-direction: column; } }
.component-9506 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9506:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9506 { flex-direction: column; } }
.component-9507 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9507:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9507 { flex-direction: column; } }
.component-9508 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9508:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9508 { flex-direction: column; } }
.component-9509 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9509:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9509 { flex-direction: column; } }
.component-9510 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9510:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9510 { flex-direction: column; } }
.component-9511 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9511:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9511 { flex-direction: column; } }
.component-9512 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9512:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9512 { flex-direction: column; } }
.component-9513 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9513:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9513 { flex-direction: column; } }
.component-9514 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9514:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9514 { flex-direction: column; } }
.component-9515 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9515:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9515 { flex-direction: column; } }
.component-9516 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9516:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9516 { flex-direction: column; } }
.component-9517 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9517:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9517 { flex-direction: column; } }
.component-9518 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9518:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9518 { flex-direction: column; } }
.component-9519 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9519:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9519 { flex-direction: column; } }
.component-9520 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9520:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9520 { flex-direction: column; } }
.component-9521 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9521:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9521 { flex-direction: column; } }
.component-9522 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9522:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9522 { flex-direction: column; } }
.component-9523 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9523:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9523 { flex-direction: column; } }
.component-9524 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9524:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9524 { flex-direction: column; } }
.component-9525 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9525:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9525 { flex-direction: column; } }
.component-9526 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9526:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9526 { flex-direction: column; } }
.component-9527 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9527:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9527 { flex-direction: column; } }
.component-9528 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9528:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9528 { flex-direction: column; } }
.component-9529 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9529:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9529 { flex-direction: column; } }
.component-9530 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9530:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9530 { flex-direction: column; } }
.component-9531 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9531:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9531 { flex-direction: column; } }
.component-9532 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9532:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9532 { flex-direction: column; } }
.component-9533 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9533:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9533 { flex-direction: column; } }
.component-9534 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9534:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9534 { flex-direction: column; } }
.component-9535 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9535:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9535 { flex-direction: column; } }
.component-9536 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9536:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9536 { flex-direction: column; } }
.component-9537 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9537:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9537 { flex-direction: column; } }
.component-9538 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9538:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9538 { flex-direction: column; } }
.component-9539 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9539:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9539 { flex-direction: column; } }
.component-9540 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9540:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9540 { flex-direction: column; } }
.component-9541 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9541:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9541 { flex-direction: column; } }
.component-9542 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9542:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9542 { flex-direction: column; } }
.component-9543 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9543:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9543 { flex-direction: column; } }
.component-9544 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9544:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9544 { flex-direction: column; } }
.component-9545 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9545:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9545 { flex-direction: column; } }
.component-9546 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9546:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9546 { flex-direction: column; } }
.component-9547 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9547:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9547 { flex-direction: column; } }
.component-9548 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9548:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9548 { flex-direction: column; } }
.component-9549 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9549:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9549 { flex-direction: column; } }
.component-9550 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9550:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9550 { flex-direction: column; } }
.component-9551 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9551:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9551 { flex-direction: column; } }
.component-9552 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9552:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9552 { flex-direction: column; } }
.component-9553 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9553:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9553 { flex-direction: column; } }
.component-9554 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9554:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9554 { flex-direction: column; } }
.component-9555 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9555:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9555 { flex-direction: column; } }
.component-9556 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9556:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9556 { flex-direction: column; } }
.component-9557 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9557:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9557 { flex-direction: column; } }
.component-9558 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9558:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9558 { flex-direction: column; } }
.component-9559 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9559:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9559 { flex-direction: column; } }
.component-9560 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9560:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9560 { flex-direction: column; } }
.component-9561 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9561:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9561 { flex-direction: column; } }
.component-9562 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9562:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9562 { flex-direction: column; } }
.component-9563 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9563:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9563 { flex-direction: column; } }
.component-9564 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9564:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9564 { flex-direction: column; } }
.component-9565 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9565:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9565 { flex-direction: column; } }
.component-9566 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9566:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9566 { flex-direction: column; } }
.component-9567 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9567:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9567 { flex-direction: column; } }
.component-9568 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9568:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9568 { flex-direction: column; } }
.component-9569 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9569:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9569 { flex-direction: column; } }
.component-9570 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9570:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9570 { flex-direction: column; } }
.component-9571 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9571:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9571 { flex-direction: column; } }
.component-9572 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9572:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9572 { flex-direction: column; } }
.component-9573 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9573:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9573 { flex-direction: column; } }
.component-9574 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9574:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9574 { flex-direction: column; } }
.component-9575 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9575:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9575 { flex-direction: column; } }
.component-9576 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9576:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9576 { flex-direction: column; } }
.component-9577 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9577:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9577 { flex-direction: column; } }
.component-9578 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9578:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9578 { flex-direction: column; } }
.component-9579 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9579:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9579 { flex-direction: column; } }
.component-9580 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9580:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9580 { flex-direction: column; } }
.component-9581 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9581:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9581 { flex-direction: column; } }
.component-9582 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9582:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9582 { flex-direction: column; } }
.component-9583 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9583:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9583 { flex-direction: column; } }
.component-9584 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9584:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9584 { flex-direction: column; } }
.component-9585 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9585:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9585 { flex-direction: column; } }
.component-9586 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9586:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9586 { flex-direction: column; } }
.component-9587 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9587:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9587 { flex-direction: column; } }
.component-9588 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9588:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9588 { flex-direction: column; } }
.component-9589 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9589:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9589 { flex-direction: column; } }
.component-9590 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9590:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9590 { flex-direction: column; } }
.component-9591 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9591:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9591 { flex-direction: column; } }
.component-9592 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9592:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9592 { flex-direction: column; } }
.component-9593 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9593:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9593 { flex-direction: column; } }
.component-9594 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9594:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9594 { flex-direction: column; } }
.component-9595 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9595:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9595 { flex-direction: column; } }
.component-9596 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9596:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9596 { flex-direction: column; } }
.component-9597 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9597:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9597 { flex-direction: column; } }
.component-9598 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9598:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9598 { flex-direction: column; } }
.component-9599 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9599:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9599 { flex-direction: column; } }
.component-9600 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9600:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9600 { flex-direction: column; } }
.component-9601 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9601:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9601 { flex-direction: column; } }
.component-9602 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9602:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9602 { flex-direction: column; } }
.component-9603 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9603:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9603 { flex-direction: column; } }
.component-9604 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9604:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9604 { flex-direction: column; } }
.component-9605 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9605:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9605 { flex-direction: column; } }
.component-9606 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9606:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9606 { flex-direction: column; } }
.component-9607 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9607:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9607 { flex-direction: column; } }
.component-9608 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9608:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9608 { flex-direction: column; } }
.component-9609 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9609:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9609 { flex-direction: column; } }
.component-9610 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9610:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9610 { flex-direction: column; } }
.component-9611 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9611:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9611 { flex-direction: column; } }
.component-9612 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9612:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9612 { flex-direction: column; } }
.component-9613 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9613:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9613 { flex-direction: column; } }
.component-9614 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9614:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9614 { flex-direction: column; } }
.component-9615 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9615:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9615 { flex-direction: column; } }
.component-9616 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9616:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9616 { flex-direction: column; } }
.component-9617 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9617:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9617 { flex-direction: column; } }
.component-9618 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9618:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9618 { flex-direction: column; } }
.component-9619 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9619:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9619 { flex-direction: column; } }
.component-9620 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9620:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9620 { flex-direction: column; } }
.component-9621 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9621:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9621 { flex-direction: column; } }
.component-9622 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9622:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9622 { flex-direction: column; } }
.component-9623 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9623:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9623 { flex-direction: column; } }
.component-9624 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9624:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9624 { flex-direction: column; } }
.component-9625 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9625:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9625 { flex-direction: column; } }
.component-9626 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9626:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9626 { flex-direction: column; } }
.component-9627 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9627:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9627 { flex-direction: column; } }
.component-9628 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9628:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9628 { flex-direction: column; } }
.component-9629 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9629:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9629 { flex-direction: column; } }
.component-9630 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9630:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9630 { flex-direction: column; } }
.component-9631 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9631:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9631 { flex-direction: column; } }
.component-9632 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9632:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9632 { flex-direction: column; } }
.component-9633 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9633:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9633 { flex-direction: column; } }
.component-9634 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9634:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9634 { flex-direction: column; } }
.component-9635 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9635:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9635 { flex-direction: column; } }
.component-9636 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9636:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9636 { flex-direction: column; } }
.component-9637 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9637:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9637 { flex-direction: column; } }
.component-9638 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9638:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9638 { flex-direction: column; } }
.component-9639 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9639:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9639 { flex-direction: column; } }
.component-9640 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9640:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9640 { flex-direction: column; } }
.component-9641 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9641:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9641 { flex-direction: column; } }
.component-9642 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9642:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9642 { flex-direction: column; } }
.component-9643 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9643:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9643 { flex-direction: column; } }
.component-9644 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9644:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9644 { flex-direction: column; } }
.component-9645 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9645:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9645 { flex-direction: column; } }
.component-9646 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9646:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9646 { flex-direction: column; } }
.component-9647 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9647:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9647 { flex-direction: column; } }
.component-9648 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9648:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9648 { flex-direction: column; } }
.component-9649 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9649:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9649 { flex-direction: column; } }
.component-9650 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9650:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9650 { flex-direction: column; } }
.component-9651 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9651:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9651 { flex-direction: column; } }
.component-9652 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9652:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9652 { flex-direction: column; } }
.component-9653 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9653:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9653 { flex-direction: column; } }
.component-9654 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9654:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9654 { flex-direction: column; } }
.component-9655 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9655:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9655 { flex-direction: column; } }
.component-9656 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9656:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9656 { flex-direction: column; } }
.component-9657 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9657:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9657 { flex-direction: column; } }
.component-9658 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9658:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9658 { flex-direction: column; } }
.component-9659 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9659:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9659 { flex-direction: column; } }
.component-9660 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9660:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9660 { flex-direction: column; } }
.component-9661 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9661:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9661 { flex-direction: column; } }
.component-9662 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9662:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9662 { flex-direction: column; } }
.component-9663 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9663:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9663 { flex-direction: column; } }
.component-9664 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9664:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9664 { flex-direction: column; } }
.component-9665 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9665:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9665 { flex-direction: column; } }
.component-9666 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9666:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9666 { flex-direction: column; } }
.component-9667 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9667:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9667 { flex-direction: column; } }
.component-9668 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9668:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9668 { flex-direction: column; } }
.component-9669 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9669:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9669 { flex-direction: column; } }
.component-9670 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9670:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9670 { flex-direction: column; } }
.component-9671 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9671:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9671 { flex-direction: column; } }
.component-9672 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9672:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9672 { flex-direction: column; } }
.component-9673 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9673:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9673 { flex-direction: column; } }
.component-9674 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9674:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9674 { flex-direction: column; } }
.component-9675 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9675:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9675 { flex-direction: column; } }
.component-9676 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9676:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9676 { flex-direction: column; } }
.component-9677 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9677:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9677 { flex-direction: column; } }
.component-9678 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9678:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9678 { flex-direction: column; } }
.component-9679 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9679:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9679 { flex-direction: column; } }
.component-9680 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9680:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9680 { flex-direction: column; } }
.component-9681 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9681:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9681 { flex-direction: column; } }
.component-9682 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9682:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9682 { flex-direction: column; } }
.component-9683 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9683:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9683 { flex-direction: column; } }
.component-9684 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9684:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9684 { flex-direction: column; } }
.component-9685 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9685:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9685 { flex-direction: column; } }
.component-9686 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9686:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9686 { flex-direction: column; } }
.component-9687 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9687:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9687 { flex-direction: column; } }
.component-9688 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9688:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9688 { flex-direction: column; } }
.component-9689 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9689:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9689 { flex-direction: column; } }
.component-9690 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9690:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9690 { flex-direction: column; } }
.component-9691 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9691:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9691 { flex-direction: column; } }
.component-9692 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9692:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9692 { flex-direction: column; } }
.component-9693 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9693:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9693 { flex-direction: column; } }
.component-9694 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9694:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9694 { flex-direction: column; } }
.component-9695 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9695:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9695 { flex-direction: column; } }
.component-9696 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9696:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9696 { flex-direction: column; } }
.component-9697 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9697:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9697 { flex-direction: column; } }
.component-9698 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9698:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9698 { flex-direction: column; } }
.component-9699 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9699:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9699 { flex-direction: column; } }
.component-9700 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9700:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9700 { flex-direction: column; } }
.component-9701 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9701:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9701 { flex-direction: column; } }
.component-9702 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9702:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9702 { flex-direction: column; } }
.component-9703 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9703:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9703 { flex-direction: column; } }
.component-9704 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9704:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9704 { flex-direction: column; } }
.component-9705 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9705:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9705 { flex-direction: column; } }
.component-9706 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9706:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9706 { flex-direction: column; } }
.component-9707 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9707:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9707 { flex-direction: column; } }
.component-9708 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9708:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9708 { flex-direction: column; } }
.component-9709 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9709:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9709 { flex-direction: column; } }
.component-9710 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9710:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9710 { flex-direction: column; } }
.component-9711 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9711:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9711 { flex-direction: column; } }
.component-9712 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9712:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9712 { flex-direction: column; } }
.component-9713 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9713:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9713 { flex-direction: column; } }
.component-9714 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9714:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9714 { flex-direction: column; } }
.component-9715 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9715:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9715 { flex-direction: column; } }
.component-9716 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9716:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9716 { flex-direction: column; } }
.component-9717 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9717:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9717 { flex-direction: column; } }
.component-9718 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9718:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9718 { flex-direction: column; } }
.component-9719 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9719:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9719 { flex-direction: column; } }
.component-9720 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9720:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9720 { flex-direction: column; } }
.component-9721 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9721:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9721 { flex-direction: column; } }
.component-9722 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9722:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9722 { flex-direction: column; } }
.component-9723 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9723:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9723 { flex-direction: column; } }
.component-9724 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9724:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9724 { flex-direction: column; } }
.component-9725 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9725:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9725 { flex-direction: column; } }
.component-9726 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9726:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9726 { flex-direction: column; } }
.component-9727 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9727:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9727 { flex-direction: column; } }
.component-9728 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9728:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9728 { flex-direction: column; } }
.component-9729 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9729:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9729 { flex-direction: column; } }
.component-9730 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9730:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9730 { flex-direction: column; } }
.component-9731 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9731:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9731 { flex-direction: column; } }
.component-9732 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9732:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9732 { flex-direction: column; } }
.component-9733 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9733:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9733 { flex-direction: column; } }
.component-9734 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9734:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9734 { flex-direction: column; } }
.component-9735 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9735:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9735 { flex-direction: column; } }
.component-9736 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9736:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9736 { flex-direction: column; } }
.component-9737 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9737:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9737 { flex-direction: column; } }
.component-9738 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9738:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9738 { flex-direction: column; } }
.component-9739 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9739:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9739 { flex-direction: column; } }
.component-9740 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9740:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9740 { flex-direction: column; } }
.component-9741 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9741:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9741 { flex-direction: column; } }
.component-9742 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9742:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9742 { flex-direction: column; } }
.component-9743 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9743:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9743 { flex-direction: column; } }
.component-9744 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9744:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9744 { flex-direction: column; } }
.component-9745 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9745:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9745 { flex-direction: column; } }
.component-9746 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9746:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9746 { flex-direction: column; } }
.component-9747 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9747:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9747 { flex-direction: column; } }
.component-9748 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9748:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9748 { flex-direction: column; } }
.component-9749 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9749:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9749 { flex-direction: column; } }
.component-9750 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9750:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9750 { flex-direction: column; } }
.component-9751 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9751:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9751 { flex-direction: column; } }
.component-9752 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9752:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9752 { flex-direction: column; } }
.component-9753 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9753:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9753 { flex-direction: column; } }
.component-9754 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9754:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9754 { flex-direction: column; } }
.component-9755 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9755:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9755 { flex-direction: column; } }
.component-9756 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9756:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9756 { flex-direction: column; } }
.component-9757 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9757:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9757 { flex-direction: column; } }
.component-9758 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9758:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9758 { flex-direction: column; } }
.component-9759 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9759:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9759 { flex-direction: column; } }
.component-9760 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9760:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9760 { flex-direction: column; } }
.component-9761 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9761:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9761 { flex-direction: column; } }
.component-9762 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9762:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9762 { flex-direction: column; } }
.component-9763 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9763:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9763 { flex-direction: column; } }
.component-9764 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9764:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9764 { flex-direction: column; } }
.component-9765 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9765:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9765 { flex-direction: column; } }
.component-9766 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9766:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9766 { flex-direction: column; } }
.component-9767 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9767:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9767 { flex-direction: column; } }
.component-9768 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9768:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9768 { flex-direction: column; } }
.component-9769 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9769:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9769 { flex-direction: column; } }
.component-9770 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9770:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9770 { flex-direction: column; } }
.component-9771 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9771:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9771 { flex-direction: column; } }
.component-9772 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9772:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9772 { flex-direction: column; } }
.component-9773 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9773:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9773 { flex-direction: column; } }
.component-9774 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9774:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9774 { flex-direction: column; } }
.component-9775 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9775:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9775 { flex-direction: column; } }
.component-9776 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9776:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9776 { flex-direction: column; } }
.component-9777 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9777:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9777 { flex-direction: column; } }
.component-9778 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9778:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9778 { flex-direction: column; } }
.component-9779 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9779:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9779 { flex-direction: column; } }
.component-9780 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9780:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9780 { flex-direction: column; } }
.component-9781 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9781:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9781 { flex-direction: column; } }
.component-9782 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9782:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9782 { flex-direction: column; } }
.component-9783 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9783:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9783 { flex-direction: column; } }
.component-9784 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9784:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9784 { flex-direction: column; } }
.component-9785 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9785:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9785 { flex-direction: column; } }
.component-9786 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9786:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9786 { flex-direction: column; } }
.component-9787 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9787:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9787 { flex-direction: column; } }
.component-9788 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9788:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9788 { flex-direction: column; } }
.component-9789 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9789:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9789 { flex-direction: column; } }
.component-9790 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9790:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9790 { flex-direction: column; } }
.component-9791 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9791:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9791 { flex-direction: column; } }
.component-9792 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9792:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9792 { flex-direction: column; } }
.component-9793 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9793:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9793 { flex-direction: column; } }
.component-9794 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9794:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9794 { flex-direction: column; } }
.component-9795 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9795:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9795 { flex-direction: column; } }
.component-9796 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9796:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9796 { flex-direction: column; } }
.component-9797 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9797:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9797 { flex-direction: column; } }
.component-9798 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9798:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9798 { flex-direction: column; } }
.component-9799 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9799:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9799 { flex-direction: column; } }
.component-9800 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9800:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9800 { flex-direction: column; } }
.component-9801 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9801:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9801 { flex-direction: column; } }
.component-9802 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9802:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9802 { flex-direction: column; } }
.component-9803 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9803:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9803 { flex-direction: column; } }
.component-9804 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9804:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9804 { flex-direction: column; } }
.component-9805 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9805:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9805 { flex-direction: column; } }
.component-9806 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9806:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9806 { flex-direction: column; } }
.component-9807 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9807:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9807 { flex-direction: column; } }
.component-9808 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9808:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9808 { flex-direction: column; } }
.component-9809 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9809:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9809 { flex-direction: column; } }
.component-9810 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9810:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9810 { flex-direction: column; } }
.component-9811 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9811:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9811 { flex-direction: column; } }
.component-9812 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9812:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9812 { flex-direction: column; } }
.component-9813 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9813:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9813 { flex-direction: column; } }
.component-9814 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9814:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9814 { flex-direction: column; } }
.component-9815 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9815:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9815 { flex-direction: column; } }
.component-9816 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9816:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9816 { flex-direction: column; } }
.component-9817 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9817:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9817 { flex-direction: column; } }
.component-9818 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9818:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9818 { flex-direction: column; } }
.component-9819 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9819:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9819 { flex-direction: column; } }
.component-9820 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9820:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9820 { flex-direction: column; } }
.component-9821 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9821:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9821 { flex-direction: column; } }
.component-9822 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9822:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9822 { flex-direction: column; } }
.component-9823 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9823:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9823 { flex-direction: column; } }
.component-9824 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9824:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9824 { flex-direction: column; } }
.component-9825 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9825:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9825 { flex-direction: column; } }
.component-9826 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9826:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9826 { flex-direction: column; } }
.component-9827 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9827:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9827 { flex-direction: column; } }
.component-9828 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9828:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9828 { flex-direction: column; } }
.component-9829 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9829:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9829 { flex-direction: column; } }
.component-9830 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9830:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9830 { flex-direction: column; } }
.component-9831 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9831:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9831 { flex-direction: column; } }
.component-9832 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9832:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9832 { flex-direction: column; } }
.component-9833 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9833:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9833 { flex-direction: column; } }
.component-9834 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9834:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9834 { flex-direction: column; } }
.component-9835 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9835:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9835 { flex-direction: column; } }
.component-9836 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9836:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9836 { flex-direction: column; } }
.component-9837 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9837:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9837 { flex-direction: column; } }
.component-9838 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9838:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9838 { flex-direction: column; } }
.component-9839 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9839:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9839 { flex-direction: column; } }
.component-9840 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9840:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9840 { flex-direction: column; } }
.component-9841 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9841:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9841 { flex-direction: column; } }
.component-9842 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9842:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9842 { flex-direction: column; } }
.component-9843 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9843:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9843 { flex-direction: column; } }
.component-9844 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9844:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9844 { flex-direction: column; } }
.component-9845 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9845:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9845 { flex-direction: column; } }
.component-9846 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9846:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9846 { flex-direction: column; } }
.component-9847 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9847:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9847 { flex-direction: column; } }
.component-9848 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9848:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9848 { flex-direction: column; } }
.component-9849 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9849:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9849 { flex-direction: column; } }
.component-9850 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9850:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9850 { flex-direction: column; } }
.component-9851 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9851:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9851 { flex-direction: column; } }
.component-9852 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9852:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9852 { flex-direction: column; } }
.component-9853 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9853:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9853 { flex-direction: column; } }
.component-9854 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9854:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9854 { flex-direction: column; } }
.component-9855 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9855:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9855 { flex-direction: column; } }
.component-9856 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9856:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9856 { flex-direction: column; } }
.component-9857 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9857:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9857 { flex-direction: column; } }
.component-9858 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9858:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9858 { flex-direction: column; } }
.component-9859 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9859:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9859 { flex-direction: column; } }
.component-9860 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9860:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9860 { flex-direction: column; } }
.component-9861 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9861:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9861 { flex-direction: column; } }
.component-9862 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9862:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9862 { flex-direction: column; } }
.component-9863 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9863:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9863 { flex-direction: column; } }
.component-9864 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9864:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9864 { flex-direction: column; } }
.component-9865 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9865:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9865 { flex-direction: column; } }
.component-9866 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9866:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9866 { flex-direction: column; } }
.component-9867 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9867:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9867 { flex-direction: column; } }
.component-9868 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9868:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9868 { flex-direction: column; } }
.component-9869 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9869:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9869 { flex-direction: column; } }
.component-9870 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9870:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9870 { flex-direction: column; } }
.component-9871 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9871:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9871 { flex-direction: column; } }
.component-9872 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9872:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9872 { flex-direction: column; } }
.component-9873 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9873:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9873 { flex-direction: column; } }
.component-9874 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9874:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9874 { flex-direction: column; } }
.component-9875 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9875:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9875 { flex-direction: column; } }
.component-9876 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9876:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9876 { flex-direction: column; } }
.component-9877 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9877:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9877 { flex-direction: column; } }
.component-9878 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9878:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9878 { flex-direction: column; } }
.component-9879 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9879:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9879 { flex-direction: column; } }
.component-9880 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9880:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9880 { flex-direction: column; } }
.component-9881 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9881:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9881 { flex-direction: column; } }
.component-9882 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9882:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9882 { flex-direction: column; } }
.component-9883 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9883:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9883 { flex-direction: column; } }
.component-9884 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9884:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9884 { flex-direction: column; } }
.component-9885 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9885:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9885 { flex-direction: column; } }
.component-9886 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9886:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9886 { flex-direction: column; } }
.component-9887 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9887:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9887 { flex-direction: column; } }
.component-9888 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9888:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9888 { flex-direction: column; } }
.component-9889 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9889:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9889 { flex-direction: column; } }
.component-9890 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9890:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9890 { flex-direction: column; } }
.component-9891 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9891:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9891 { flex-direction: column; } }
.component-9892 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9892:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9892 { flex-direction: column; } }
.component-9893 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9893:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9893 { flex-direction: column; } }
.component-9894 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9894:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9894 { flex-direction: column; } }
.component-9895 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9895:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9895 { flex-direction: column; } }
.component-9896 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9896:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9896 { flex-direction: column; } }
.component-9897 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9897:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9897 { flex-direction: column; } }
.component-9898 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9898:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9898 { flex-direction: column; } }
.component-9899 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9899:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9899 { flex-direction: column; } }
.component-9900 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9900:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9900 { flex-direction: column; } }
.component-9901 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9901:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9901 { flex-direction: column; } }
.component-9902 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9902:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9902 { flex-direction: column; } }
.component-9903 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9903:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9903 { flex-direction: column; } }
.component-9904 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9904:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9904 { flex-direction: column; } }
.component-9905 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9905:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9905 { flex-direction: column; } }
.component-9906 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9906:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9906 { flex-direction: column; } }
.component-9907 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9907:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9907 { flex-direction: column; } }
.component-9908 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9908:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9908 { flex-direction: column; } }
.component-9909 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9909:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9909 { flex-direction: column; } }
.component-9910 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9910:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9910 { flex-direction: column; } }
.component-9911 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9911:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9911 { flex-direction: column; } }
.component-9912 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9912:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9912 { flex-direction: column; } }
.component-9913 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9913:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9913 { flex-direction: column; } }
.component-9914 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9914:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9914 { flex-direction: column; } }
.component-9915 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9915:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9915 { flex-direction: column; } }
.component-9916 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9916:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9916 { flex-direction: column; } }
.component-9917 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9917:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9917 { flex-direction: column; } }
.component-9918 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9918:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9918 { flex-direction: column; } }
.component-9919 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9919:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9919 { flex-direction: column; } }
.component-9920 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9920:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9920 { flex-direction: column; } }
.component-9921 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9921:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9921 { flex-direction: column; } }
.component-9922 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9922:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9922 { flex-direction: column; } }
.component-9923 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9923:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9923 { flex-direction: column; } }
.component-9924 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9924:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9924 { flex-direction: column; } }
.component-9925 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9925:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9925 { flex-direction: column; } }
.component-9926 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9926:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9926 { flex-direction: column; } }
.component-9927 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9927:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9927 { flex-direction: column; } }
.component-9928 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9928:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9928 { flex-direction: column; } }
.component-9929 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9929:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9929 { flex-direction: column; } }
.component-9930 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9930:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9930 { flex-direction: column; } }
.component-9931 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9931:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9931 { flex-direction: column; } }
.component-9932 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9932:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9932 { flex-direction: column; } }
.component-9933 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9933:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9933 { flex-direction: column; } }
.component-9934 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9934:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9934 { flex-direction: column; } }
.component-9935 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9935:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9935 { flex-direction: column; } }
.component-9936 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9936:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9936 { flex-direction: column; } }
.component-9937 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9937:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9937 { flex-direction: column; } }
.component-9938 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9938:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9938 { flex-direction: column; } }
.component-9939 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9939:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9939 { flex-direction: column; } }
.component-9940 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9940:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9940 { flex-direction: column; } }
.component-9941 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9941:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9941 { flex-direction: column; } }
.component-9942 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9942:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9942 { flex-direction: column; } }
.component-9943 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9943:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9943 { flex-direction: column; } }
.component-9944 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9944:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9944 { flex-direction: column; } }
.component-9945 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9945:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9945 { flex-direction: column; } }
.component-9946 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9946:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9946 { flex-direction: column; } }
.component-9947 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9947:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9947 { flex-direction: column; } }
.component-9948 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9948:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9948 { flex-direction: column; } }
.component-9949 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9949:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9949 { flex-direction: column; } }
.component-9950 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9950:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9950 { flex-direction: column; } }
.component-9951 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9951:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9951 { flex-direction: column; } }
.component-9952 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9952:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9952 { flex-direction: column; } }
.component-9953 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9953:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9953 { flex-direction: column; } }
.component-9954 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9954:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9954 { flex-direction: column; } }
.component-9955 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9955:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9955 { flex-direction: column; } }
.component-9956 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9956:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9956 { flex-direction: column; } }
.component-9957 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9957:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9957 { flex-direction: column; } }
.component-9958 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9958:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9958 { flex-direction: column; } }
.component-9959 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9959:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9959 { flex-direction: column; } }
.component-9960 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9960:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9960 { flex-direction: column; } }
.component-9961 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9961:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9961 { flex-direction: column; } }
.component-9962 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9962:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9962 { flex-direction: column; } }
.component-9963 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9963:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9963 { flex-direction: column; } }
.component-9964 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9964:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9964 { flex-direction: column; } }
.component-9965 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9965:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9965 { flex-direction: column; } }
.component-9966 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9966:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9966 { flex-direction: column; } }
.component-9967 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9967:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9967 { flex-direction: column; } }
.component-9968 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9968:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9968 { flex-direction: column; } }
.component-9969 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9969:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9969 { flex-direction: column; } }
.component-9970 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9970:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9970 { flex-direction: column; } }
.component-9971 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9971:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9971 { flex-direction: column; } }
.component-9972 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9972:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9972 { flex-direction: column; } }
.component-9973 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9973:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9973 { flex-direction: column; } }
.component-9974 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9974:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9974 { flex-direction: column; } }
.component-9975 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9975:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9975 { flex-direction: column; } }
.component-9976 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9976:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9976 { flex-direction: column; } }
.component-9977 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9977:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9977 { flex-direction: column; } }
.component-9978 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9978:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9978 { flex-direction: column; } }
.component-9979 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9979:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9979 { flex-direction: column; } }
.component-9980 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9980:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9980 { flex-direction: column; } }
.component-9981 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9981:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9981 { flex-direction: column; } }
.component-9982 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9982:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9982 { flex-direction: column; } }
.component-9983 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9983:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9983 { flex-direction: column; } }
.component-9984 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9984:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9984 { flex-direction: column; } }
.component-9985 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9985:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-9985 { flex-direction: column; } }
.component-9986 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9986:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-9986 { flex-direction: column; } }
.component-9987 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9987:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-9987 { flex-direction: column; } }
.component-9988 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9988:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-9988 { flex-direction: column; } }
.component-9989 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9989:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-9989 { flex-direction: column; } }
.component-9990 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-9990:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-9990 { flex-direction: column; } }
.component-9991 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-9991:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-9991 { flex-direction: column; } }
.component-9992 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-9992:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-9992 { flex-direction: column; } }
.component-9993 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-9993:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-9993 { flex-direction: column; } }
.component-9994 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-9994:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-9994 { flex-direction: column; } }
.component-9995 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-9995:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-9995 { flex-direction: column; } }
.component-9996 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-9996:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-9996 { flex-direction: column; } }
.component-9997 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-9997:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-9997 { flex-direction: column; } }
.component-9998 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-9998:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-9998 { flex-direction: column; } }
.component-9999 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-9999:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-9999 { flex-direction: column; } }
.component-10000 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10000:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10000 { flex-direction: column; } }
.component-10001 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10001:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10001 { flex-direction: column; } }
.component-10002 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10002:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10002 { flex-direction: column; } }
.component-10003 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10003:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10003 { flex-direction: column; } }
.component-10004 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10004:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10004 { flex-direction: column; } }
.component-10005 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10005:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10005 { flex-direction: column; } }
.component-10006 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10006:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10006 { flex-direction: column; } }
.component-10007 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10007:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10007 { flex-direction: column; } }
.component-10008 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10008:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10008 { flex-direction: column; } }
.component-10009 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10009:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10009 { flex-direction: column; } }
.component-10010 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10010:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10010 { flex-direction: column; } }
.component-10011 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10011:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10011 { flex-direction: column; } }
.component-10012 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10012:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10012 { flex-direction: column; } }
.component-10013 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10013:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10013 { flex-direction: column; } }
.component-10014 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10014:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10014 { flex-direction: column; } }
.component-10015 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10015:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10015 { flex-direction: column; } }
.component-10016 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10016:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10016 { flex-direction: column; } }
.component-10017 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10017:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10017 { flex-direction: column; } }
.component-10018 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10018:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10018 { flex-direction: column; } }
.component-10019 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10019:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10019 { flex-direction: column; } }
.component-10020 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10020:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10020 { flex-direction: column; } }
.component-10021 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10021:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10021 { flex-direction: column; } }
.component-10022 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10022:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10022 { flex-direction: column; } }
.component-10023 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10023:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10023 { flex-direction: column; } }
.component-10024 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10024:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10024 { flex-direction: column; } }
.component-10025 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10025:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10025 { flex-direction: column; } }
.component-10026 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10026:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10026 { flex-direction: column; } }
.component-10027 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10027:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10027 { flex-direction: column; } }
.component-10028 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10028:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10028 { flex-direction: column; } }
.component-10029 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10029:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10029 { flex-direction: column; } }
.component-10030 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10030:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10030 { flex-direction: column; } }
.component-10031 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10031:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10031 { flex-direction: column; } }
.component-10032 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10032:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10032 { flex-direction: column; } }
.component-10033 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10033:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10033 { flex-direction: column; } }
.component-10034 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10034:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10034 { flex-direction: column; } }
.component-10035 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10035:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10035 { flex-direction: column; } }
.component-10036 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10036:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10036 { flex-direction: column; } }
.component-10037 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10037:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10037 { flex-direction: column; } }
.component-10038 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10038:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10038 { flex-direction: column; } }
.component-10039 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10039:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10039 { flex-direction: column; } }
.component-10040 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10040:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10040 { flex-direction: column; } }
.component-10041 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10041:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10041 { flex-direction: column; } }
.component-10042 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10042:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10042 { flex-direction: column; } }
.component-10043 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10043:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10043 { flex-direction: column; } }
.component-10044 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10044:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10044 { flex-direction: column; } }
.component-10045 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10045:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10045 { flex-direction: column; } }
.component-10046 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10046:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10046 { flex-direction: column; } }
.component-10047 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10047:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10047 { flex-direction: column; } }
.component-10048 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10048:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10048 { flex-direction: column; } }
.component-10049 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10049:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10049 { flex-direction: column; } }
.component-10050 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10050:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10050 { flex-direction: column; } }
.component-10051 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10051:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10051 { flex-direction: column; } }
.component-10052 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10052:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10052 { flex-direction: column; } }
.component-10053 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10053:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10053 { flex-direction: column; } }
.component-10054 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10054:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10054 { flex-direction: column; } }
.component-10055 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10055:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10055 { flex-direction: column; } }
.component-10056 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10056:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10056 { flex-direction: column; } }
.component-10057 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10057:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10057 { flex-direction: column; } }
.component-10058 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10058:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10058 { flex-direction: column; } }
.component-10059 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10059:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10059 { flex-direction: column; } }
.component-10060 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10060:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10060 { flex-direction: column; } }
.component-10061 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10061:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10061 { flex-direction: column; } }
.component-10062 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10062:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10062 { flex-direction: column; } }
.component-10063 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10063:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10063 { flex-direction: column; } }
.component-10064 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10064:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10064 { flex-direction: column; } }
.component-10065 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10065:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10065 { flex-direction: column; } }
.component-10066 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10066:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10066 { flex-direction: column; } }
.component-10067 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10067:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10067 { flex-direction: column; } }
.component-10068 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10068:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10068 { flex-direction: column; } }
.component-10069 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10069:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10069 { flex-direction: column; } }
.component-10070 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10070:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10070 { flex-direction: column; } }
.component-10071 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10071:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10071 { flex-direction: column; } }
.component-10072 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10072:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10072 { flex-direction: column; } }
.component-10073 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10073:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10073 { flex-direction: column; } }
.component-10074 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10074:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10074 { flex-direction: column; } }
.component-10075 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10075:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10075 { flex-direction: column; } }
.component-10076 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10076:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10076 { flex-direction: column; } }
.component-10077 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10077:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10077 { flex-direction: column; } }
.component-10078 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10078:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10078 { flex-direction: column; } }
.component-10079 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10079:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10079 { flex-direction: column; } }
.component-10080 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10080:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10080 { flex-direction: column; } }
.component-10081 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10081:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10081 { flex-direction: column; } }
.component-10082 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10082:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10082 { flex-direction: column; } }
.component-10083 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10083:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10083 { flex-direction: column; } }
.component-10084 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10084:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10084 { flex-direction: column; } }
.component-10085 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10085:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10085 { flex-direction: column; } }
.component-10086 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10086:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10086 { flex-direction: column; } }
.component-10087 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10087:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10087 { flex-direction: column; } }
.component-10088 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10088:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10088 { flex-direction: column; } }
.component-10089 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10089:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10089 { flex-direction: column; } }
.component-10090 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10090:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10090 { flex-direction: column; } }
.component-10091 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10091:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10091 { flex-direction: column; } }
.component-10092 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10092:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10092 { flex-direction: column; } }
.component-10093 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10093:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10093 { flex-direction: column; } }
.component-10094 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10094:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10094 { flex-direction: column; } }
.component-10095 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10095:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10095 { flex-direction: column; } }
.component-10096 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10096:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10096 { flex-direction: column; } }
.component-10097 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10097:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10097 { flex-direction: column; } }
.component-10098 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10098:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10098 { flex-direction: column; } }
.component-10099 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10099:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10099 { flex-direction: column; } }
.component-10100 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10100:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10100 { flex-direction: column; } }
.component-10101 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10101:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10101 { flex-direction: column; } }
.component-10102 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10102:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10102 { flex-direction: column; } }
.component-10103 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10103:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10103 { flex-direction: column; } }
.component-10104 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10104:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10104 { flex-direction: column; } }
.component-10105 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10105:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10105 { flex-direction: column; } }
.component-10106 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10106:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10106 { flex-direction: column; } }
.component-10107 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10107:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10107 { flex-direction: column; } }
.component-10108 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10108:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10108 { flex-direction: column; } }
.component-10109 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10109:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10109 { flex-direction: column; } }
.component-10110 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10110:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10110 { flex-direction: column; } }
.component-10111 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10111:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10111 { flex-direction: column; } }
.component-10112 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10112:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10112 { flex-direction: column; } }
.component-10113 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10113:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10113 { flex-direction: column; } }
.component-10114 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10114:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10114 { flex-direction: column; } }
.component-10115 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10115:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10115 { flex-direction: column; } }
.component-10116 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10116:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10116 { flex-direction: column; } }
.component-10117 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10117:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10117 { flex-direction: column; } }
.component-10118 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10118:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10118 { flex-direction: column; } }
.component-10119 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10119:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10119 { flex-direction: column; } }
.component-10120 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10120:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10120 { flex-direction: column; } }
.component-10121 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10121:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10121 { flex-direction: column; } }
.component-10122 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10122:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10122 { flex-direction: column; } }
.component-10123 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10123:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10123 { flex-direction: column; } }
.component-10124 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10124:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10124 { flex-direction: column; } }
.component-10125 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10125:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10125 { flex-direction: column; } }
.component-10126 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10126:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10126 { flex-direction: column; } }
.component-10127 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10127:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10127 { flex-direction: column; } }
.component-10128 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10128:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10128 { flex-direction: column; } }
.component-10129 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10129:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10129 { flex-direction: column; } }
.component-10130 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10130:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10130 { flex-direction: column; } }
.component-10131 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10131:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10131 { flex-direction: column; } }
.component-10132 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10132:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10132 { flex-direction: column; } }
.component-10133 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10133:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10133 { flex-direction: column; } }
.component-10134 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10134:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10134 { flex-direction: column; } }
.component-10135 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10135:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10135 { flex-direction: column; } }
.component-10136 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10136:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10136 { flex-direction: column; } }
.component-10137 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10137:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10137 { flex-direction: column; } }
.component-10138 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10138:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10138 { flex-direction: column; } }
.component-10139 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10139:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10139 { flex-direction: column; } }
.component-10140 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10140:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10140 { flex-direction: column; } }
.component-10141 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10141:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10141 { flex-direction: column; } }
.component-10142 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10142:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10142 { flex-direction: column; } }
.component-10143 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10143:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10143 { flex-direction: column; } }
.component-10144 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10144:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10144 { flex-direction: column; } }
.component-10145 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10145:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10145 { flex-direction: column; } }
.component-10146 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10146:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10146 { flex-direction: column; } }
.component-10147 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10147:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10147 { flex-direction: column; } }
.component-10148 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10148:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10148 { flex-direction: column; } }
.component-10149 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10149:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10149 { flex-direction: column; } }
.component-10150 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10150:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10150 { flex-direction: column; } }
.component-10151 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10151:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10151 { flex-direction: column; } }
.component-10152 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10152:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10152 { flex-direction: column; } }
.component-10153 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10153:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10153 { flex-direction: column; } }
.component-10154 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10154:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10154 { flex-direction: column; } }
.component-10155 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10155:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10155 { flex-direction: column; } }
.component-10156 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10156:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10156 { flex-direction: column; } }
.component-10157 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10157:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10157 { flex-direction: column; } }
.component-10158 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10158:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10158 { flex-direction: column; } }
.component-10159 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10159:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10159 { flex-direction: column; } }
.component-10160 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10160:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10160 { flex-direction: column; } }
.component-10161 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10161:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10161 { flex-direction: column; } }
.component-10162 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10162:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10162 { flex-direction: column; } }
.component-10163 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10163:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10163 { flex-direction: column; } }
.component-10164 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10164:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10164 { flex-direction: column; } }
.component-10165 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10165:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10165 { flex-direction: column; } }
.component-10166 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10166:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10166 { flex-direction: column; } }
.component-10167 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10167:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10167 { flex-direction: column; } }
.component-10168 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10168:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10168 { flex-direction: column; } }
.component-10169 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10169:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10169 { flex-direction: column; } }
.component-10170 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10170:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10170 { flex-direction: column; } }
.component-10171 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10171:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10171 { flex-direction: column; } }
.component-10172 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10172:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10172 { flex-direction: column; } }
.component-10173 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10173:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10173 { flex-direction: column; } }
.component-10174 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10174:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10174 { flex-direction: column; } }
.component-10175 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10175:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10175 { flex-direction: column; } }
.component-10176 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10176:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10176 { flex-direction: column; } }
.component-10177 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10177:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10177 { flex-direction: column; } }
.component-10178 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10178:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10178 { flex-direction: column; } }
.component-10179 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10179:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10179 { flex-direction: column; } }
.component-10180 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10180:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10180 { flex-direction: column; } }
.component-10181 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10181:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10181 { flex-direction: column; } }
.component-10182 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10182:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10182 { flex-direction: column; } }
.component-10183 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10183:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10183 { flex-direction: column; } }
.component-10184 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10184:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10184 { flex-direction: column; } }
.component-10185 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10185:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10185 { flex-direction: column; } }
.component-10186 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10186:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10186 { flex-direction: column; } }
.component-10187 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10187:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10187 { flex-direction: column; } }
.component-10188 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10188:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10188 { flex-direction: column; } }
.component-10189 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10189:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10189 { flex-direction: column; } }
.component-10190 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10190:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10190 { flex-direction: column; } }
.component-10191 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10191:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10191 { flex-direction: column; } }
.component-10192 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10192:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10192 { flex-direction: column; } }
.component-10193 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10193:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10193 { flex-direction: column; } }
.component-10194 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10194:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10194 { flex-direction: column; } }
.component-10195 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10195:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10195 { flex-direction: column; } }
.component-10196 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10196:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10196 { flex-direction: column; } }
.component-10197 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10197:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10197 { flex-direction: column; } }
.component-10198 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10198:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10198 { flex-direction: column; } }
.component-10199 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10199:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10199 { flex-direction: column; } }
.component-10200 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10200:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10200 { flex-direction: column; } }
.component-10201 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10201:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10201 { flex-direction: column; } }
.component-10202 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10202:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10202 { flex-direction: column; } }
.component-10203 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10203:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10203 { flex-direction: column; } }
.component-10204 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10204:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10204 { flex-direction: column; } }
.component-10205 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10205:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10205 { flex-direction: column; } }
.component-10206 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10206:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10206 { flex-direction: column; } }
.component-10207 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10207:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10207 { flex-direction: column; } }
.component-10208 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10208:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10208 { flex-direction: column; } }
.component-10209 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10209:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10209 { flex-direction: column; } }
.component-10210 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10210:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10210 { flex-direction: column; } }
.component-10211 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10211:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10211 { flex-direction: column; } }
.component-10212 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10212:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10212 { flex-direction: column; } }
.component-10213 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10213:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10213 { flex-direction: column; } }
.component-10214 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10214:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10214 { flex-direction: column; } }
.component-10215 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10215:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10215 { flex-direction: column; } }
.component-10216 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10216:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10216 { flex-direction: column; } }
.component-10217 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10217:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10217 { flex-direction: column; } }
.component-10218 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10218:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10218 { flex-direction: column; } }
.component-10219 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10219:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10219 { flex-direction: column; } }
.component-10220 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10220:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10220 { flex-direction: column; } }
.component-10221 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10221:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10221 { flex-direction: column; } }
.component-10222 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10222:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10222 { flex-direction: column; } }
.component-10223 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10223:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10223 { flex-direction: column; } }
.component-10224 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10224:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10224 { flex-direction: column; } }
.component-10225 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10225:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10225 { flex-direction: column; } }
.component-10226 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10226:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10226 { flex-direction: column; } }
.component-10227 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10227:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10227 { flex-direction: column; } }
.component-10228 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10228:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10228 { flex-direction: column; } }
.component-10229 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10229:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10229 { flex-direction: column; } }
.component-10230 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10230:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10230 { flex-direction: column; } }
.component-10231 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10231:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10231 { flex-direction: column; } }
.component-10232 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10232:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10232 { flex-direction: column; } }
.component-10233 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10233:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10233 { flex-direction: column; } }
.component-10234 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10234:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10234 { flex-direction: column; } }
.component-10235 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10235:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10235 { flex-direction: column; } }
.component-10236 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10236:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10236 { flex-direction: column; } }
.component-10237 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10237:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10237 { flex-direction: column; } }
.component-10238 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10238:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10238 { flex-direction: column; } }
.component-10239 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10239:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10239 { flex-direction: column; } }
.component-10240 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10240:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10240 { flex-direction: column; } }
.component-10241 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10241:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10241 { flex-direction: column; } }
.component-10242 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10242:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10242 { flex-direction: column; } }
.component-10243 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10243:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10243 { flex-direction: column; } }
.component-10244 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10244:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10244 { flex-direction: column; } }
.component-10245 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10245:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10245 { flex-direction: column; } }
.component-10246 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10246:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10246 { flex-direction: column; } }
.component-10247 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10247:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10247 { flex-direction: column; } }
.component-10248 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10248:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10248 { flex-direction: column; } }
.component-10249 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10249:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10249 { flex-direction: column; } }
.component-10250 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10250:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10250 { flex-direction: column; } }
.component-10251 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10251:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10251 { flex-direction: column; } }
.component-10252 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10252:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10252 { flex-direction: column; } }
.component-10253 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10253:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10253 { flex-direction: column; } }
.component-10254 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10254:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10254 { flex-direction: column; } }
.component-10255 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10255:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10255 { flex-direction: column; } }
.component-10256 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10256:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10256 { flex-direction: column; } }
.component-10257 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10257:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10257 { flex-direction: column; } }
.component-10258 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10258:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10258 { flex-direction: column; } }
.component-10259 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10259:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10259 { flex-direction: column; } }
.component-10260 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10260:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10260 { flex-direction: column; } }
.component-10261 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10261:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10261 { flex-direction: column; } }
.component-10262 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10262:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10262 { flex-direction: column; } }
.component-10263 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10263:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10263 { flex-direction: column; } }
.component-10264 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10264:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10264 { flex-direction: column; } }
.component-10265 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10265:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10265 { flex-direction: column; } }
.component-10266 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10266:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10266 { flex-direction: column; } }
.component-10267 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10267:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10267 { flex-direction: column; } }
.component-10268 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10268:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10268 { flex-direction: column; } }
.component-10269 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10269:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10269 { flex-direction: column; } }
.component-10270 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10270:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10270 { flex-direction: column; } }
.component-10271 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10271:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10271 { flex-direction: column; } }
.component-10272 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10272:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10272 { flex-direction: column; } }
.component-10273 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10273:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10273 { flex-direction: column; } }
.component-10274 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10274:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10274 { flex-direction: column; } }
.component-10275 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10275:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10275 { flex-direction: column; } }
.component-10276 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10276:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10276 { flex-direction: column; } }
.component-10277 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10277:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10277 { flex-direction: column; } }
.component-10278 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10278:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10278 { flex-direction: column; } }
.component-10279 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10279:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10279 { flex-direction: column; } }
.component-10280 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10280:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10280 { flex-direction: column; } }
.component-10281 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10281:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10281 { flex-direction: column; } }
.component-10282 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10282:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10282 { flex-direction: column; } }
.component-10283 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10283:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10283 { flex-direction: column; } }
.component-10284 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10284:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10284 { flex-direction: column; } }
.component-10285 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10285:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10285 { flex-direction: column; } }
.component-10286 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10286:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10286 { flex-direction: column; } }
.component-10287 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10287:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10287 { flex-direction: column; } }
.component-10288 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10288:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10288 { flex-direction: column; } }
.component-10289 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10289:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10289 { flex-direction: column; } }
.component-10290 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10290:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10290 { flex-direction: column; } }
.component-10291 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10291:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10291 { flex-direction: column; } }
.component-10292 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10292:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10292 { flex-direction: column; } }
.component-10293 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10293:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10293 { flex-direction: column; } }
.component-10294 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10294:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10294 { flex-direction: column; } }
.component-10295 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10295:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10295 { flex-direction: column; } }
.component-10296 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10296:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10296 { flex-direction: column; } }
.component-10297 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10297:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10297 { flex-direction: column; } }
.component-10298 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10298:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10298 { flex-direction: column; } }
.component-10299 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10299:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10299 { flex-direction: column; } }
.component-10300 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10300:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10300 { flex-direction: column; } }
.component-10301 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10301:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10301 { flex-direction: column; } }
.component-10302 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10302:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10302 { flex-direction: column; } }
.component-10303 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10303:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10303 { flex-direction: column; } }
.component-10304 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10304:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10304 { flex-direction: column; } }
.component-10305 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10305:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10305 { flex-direction: column; } }
.component-10306 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10306:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10306 { flex-direction: column; } }
.component-10307 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10307:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10307 { flex-direction: column; } }
.component-10308 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10308:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10308 { flex-direction: column; } }
.component-10309 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10309:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10309 { flex-direction: column; } }
.component-10310 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10310:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10310 { flex-direction: column; } }
.component-10311 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10311:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10311 { flex-direction: column; } }
.component-10312 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10312:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10312 { flex-direction: column; } }
.component-10313 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10313:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10313 { flex-direction: column; } }
.component-10314 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10314:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10314 { flex-direction: column; } }
.component-10315 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10315:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10315 { flex-direction: column; } }
.component-10316 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10316:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10316 { flex-direction: column; } }
.component-10317 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10317:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10317 { flex-direction: column; } }
.component-10318 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10318:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10318 { flex-direction: column; } }
.component-10319 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10319:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10319 { flex-direction: column; } }
.component-10320 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10320:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10320 { flex-direction: column; } }
.component-10321 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10321:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10321 { flex-direction: column; } }
.component-10322 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10322:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10322 { flex-direction: column; } }
.component-10323 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10323:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10323 { flex-direction: column; } }
.component-10324 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10324:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10324 { flex-direction: column; } }
.component-10325 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10325:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10325 { flex-direction: column; } }
.component-10326 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10326:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10326 { flex-direction: column; } }
.component-10327 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10327:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10327 { flex-direction: column; } }
.component-10328 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10328:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10328 { flex-direction: column; } }
.component-10329 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10329:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10329 { flex-direction: column; } }
.component-10330 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10330:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10330 { flex-direction: column; } }
.component-10331 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10331:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10331 { flex-direction: column; } }
.component-10332 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10332:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10332 { flex-direction: column; } }
.component-10333 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10333:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10333 { flex-direction: column; } }
.component-10334 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10334:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10334 { flex-direction: column; } }
.component-10335 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10335:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10335 { flex-direction: column; } }
.component-10336 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10336:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10336 { flex-direction: column; } }
.component-10337 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10337:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10337 { flex-direction: column; } }
.component-10338 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10338:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10338 { flex-direction: column; } }
.component-10339 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10339:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10339 { flex-direction: column; } }
.component-10340 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10340:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10340 { flex-direction: column; } }
.component-10341 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10341:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10341 { flex-direction: column; } }
.component-10342 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10342:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10342 { flex-direction: column; } }
.component-10343 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10343:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10343 { flex-direction: column; } }
.component-10344 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10344:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10344 { flex-direction: column; } }
.component-10345 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10345:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10345 { flex-direction: column; } }
.component-10346 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10346:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10346 { flex-direction: column; } }
.component-10347 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10347:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10347 { flex-direction: column; } }
.component-10348 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10348:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10348 { flex-direction: column; } }
.component-10349 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10349:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10349 { flex-direction: column; } }
.component-10350 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10350:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10350 { flex-direction: column; } }
.component-10351 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10351:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10351 { flex-direction: column; } }
.component-10352 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10352:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10352 { flex-direction: column; } }
.component-10353 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10353:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10353 { flex-direction: column; } }
.component-10354 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10354:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10354 { flex-direction: column; } }
.component-10355 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10355:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10355 { flex-direction: column; } }
.component-10356 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10356:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10356 { flex-direction: column; } }
.component-10357 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10357:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10357 { flex-direction: column; } }
.component-10358 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10358:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10358 { flex-direction: column; } }
.component-10359 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10359:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10359 { flex-direction: column; } }
.component-10360 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10360:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10360 { flex-direction: column; } }
.component-10361 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10361:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10361 { flex-direction: column; } }
.component-10362 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10362:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10362 { flex-direction: column; } }
.component-10363 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10363:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10363 { flex-direction: column; } }
.component-10364 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10364:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10364 { flex-direction: column; } }
.component-10365 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10365:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10365 { flex-direction: column; } }
.component-10366 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10366:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10366 { flex-direction: column; } }
.component-10367 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10367:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10367 { flex-direction: column; } }
.component-10368 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10368:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10368 { flex-direction: column; } }
.component-10369 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10369:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10369 { flex-direction: column; } }
.component-10370 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10370:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10370 { flex-direction: column; } }
.component-10371 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10371:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10371 { flex-direction: column; } }
.component-10372 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10372:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10372 { flex-direction: column; } }
.component-10373 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10373:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10373 { flex-direction: column; } }
.component-10374 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10374:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10374 { flex-direction: column; } }
.component-10375 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10375:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10375 { flex-direction: column; } }
.component-10376 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10376:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10376 { flex-direction: column; } }
.component-10377 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10377:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10377 { flex-direction: column; } }
.component-10378 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10378:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10378 { flex-direction: column; } }
.component-10379 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10379:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10379 { flex-direction: column; } }
.component-10380 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10380:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10380 { flex-direction: column; } }
.component-10381 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10381:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10381 { flex-direction: column; } }
.component-10382 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10382:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10382 { flex-direction: column; } }
.component-10383 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10383:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10383 { flex-direction: column; } }
.component-10384 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10384:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10384 { flex-direction: column; } }
.component-10385 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10385:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10385 { flex-direction: column; } }
.component-10386 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10386:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10386 { flex-direction: column; } }
.component-10387 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10387:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10387 { flex-direction: column; } }
.component-10388 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10388:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10388 { flex-direction: column; } }
.component-10389 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10389:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10389 { flex-direction: column; } }
.component-10390 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10390:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10390 { flex-direction: column; } }
.component-10391 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10391:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10391 { flex-direction: column; } }
.component-10392 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10392:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10392 { flex-direction: column; } }
.component-10393 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10393:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10393 { flex-direction: column; } }
.component-10394 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10394:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10394 { flex-direction: column; } }
.component-10395 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10395:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10395 { flex-direction: column; } }
.component-10396 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10396:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10396 { flex-direction: column; } }
.component-10397 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10397:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10397 { flex-direction: column; } }
.component-10398 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10398:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10398 { flex-direction: column; } }
.component-10399 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10399:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10399 { flex-direction: column; } }
.component-10400 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10400:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10400 { flex-direction: column; } }
.component-10401 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10401:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10401 { flex-direction: column; } }
.component-10402 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10402:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10402 { flex-direction: column; } }
.component-10403 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10403:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10403 { flex-direction: column; } }
.component-10404 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10404:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10404 { flex-direction: column; } }
.component-10405 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10405:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10405 { flex-direction: column; } }
.component-10406 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10406:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10406 { flex-direction: column; } }
.component-10407 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10407:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10407 { flex-direction: column; } }
.component-10408 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10408:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10408 { flex-direction: column; } }
.component-10409 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10409:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10409 { flex-direction: column; } }
.component-10410 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10410:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10410 { flex-direction: column; } }
.component-10411 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10411:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10411 { flex-direction: column; } }
.component-10412 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10412:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10412 { flex-direction: column; } }
.component-10413 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10413:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10413 { flex-direction: column; } }
.component-10414 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10414:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10414 { flex-direction: column; } }
.component-10415 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10415:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10415 { flex-direction: column; } }
.component-10416 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10416:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10416 { flex-direction: column; } }
.component-10417 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10417:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10417 { flex-direction: column; } }
.component-10418 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10418:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10418 { flex-direction: column; } }
.component-10419 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10419:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10419 { flex-direction: column; } }
.component-10420 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10420:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10420 { flex-direction: column; } }
.component-10421 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10421:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10421 { flex-direction: column; } }
.component-10422 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10422:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10422 { flex-direction: column; } }
.component-10423 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10423:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10423 { flex-direction: column; } }
.component-10424 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10424:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10424 { flex-direction: column; } }
.component-10425 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10425:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10425 { flex-direction: column; } }
.component-10426 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10426:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10426 { flex-direction: column; } }
.component-10427 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10427:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10427 { flex-direction: column; } }
.component-10428 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10428:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10428 { flex-direction: column; } }
.component-10429 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10429:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10429 { flex-direction: column; } }
.component-10430 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10430:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10430 { flex-direction: column; } }
.component-10431 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10431:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10431 { flex-direction: column; } }
.component-10432 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10432:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10432 { flex-direction: column; } }
.component-10433 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10433:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10433 { flex-direction: column; } }
.component-10434 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10434:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10434 { flex-direction: column; } }
.component-10435 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10435:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10435 { flex-direction: column; } }
.component-10436 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10436:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10436 { flex-direction: column; } }
.component-10437 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10437:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10437 { flex-direction: column; } }
.component-10438 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10438:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10438 { flex-direction: column; } }
.component-10439 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10439:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10439 { flex-direction: column; } }
.component-10440 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10440:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10440 { flex-direction: column; } }
.component-10441 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10441:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10441 { flex-direction: column; } }
.component-10442 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10442:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10442 { flex-direction: column; } }
.component-10443 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10443:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10443 { flex-direction: column; } }
.component-10444 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10444:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10444 { flex-direction: column; } }
.component-10445 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10445:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10445 { flex-direction: column; } }
.component-10446 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10446:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10446 { flex-direction: column; } }
.component-10447 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10447:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10447 { flex-direction: column; } }
.component-10448 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10448:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10448 { flex-direction: column; } }
.component-10449 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10449:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10449 { flex-direction: column; } }
.component-10450 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10450:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10450 { flex-direction: column; } }
.component-10451 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10451:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10451 { flex-direction: column; } }
.component-10452 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10452:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10452 { flex-direction: column; } }
.component-10453 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10453:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10453 { flex-direction: column; } }
.component-10454 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10454:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10454 { flex-direction: column; } }
.component-10455 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10455:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10455 { flex-direction: column; } }
.component-10456 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10456:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10456 { flex-direction: column; } }
.component-10457 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10457:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10457 { flex-direction: column; } }
.component-10458 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10458:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10458 { flex-direction: column; } }
.component-10459 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10459:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10459 { flex-direction: column; } }
.component-10460 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10460:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10460 { flex-direction: column; } }
.component-10461 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10461:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10461 { flex-direction: column; } }
.component-10462 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10462:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10462 { flex-direction: column; } }
.component-10463 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10463:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10463 { flex-direction: column; } }
.component-10464 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10464:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10464 { flex-direction: column; } }
.component-10465 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10465:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10465 { flex-direction: column; } }
.component-10466 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10466:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10466 { flex-direction: column; } }
.component-10467 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10467:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10467 { flex-direction: column; } }
.component-10468 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10468:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10468 { flex-direction: column; } }
.component-10469 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10469:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10469 { flex-direction: column; } }
.component-10470 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10470:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10470 { flex-direction: column; } }
.component-10471 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10471:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10471 { flex-direction: column; } }
.component-10472 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10472:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10472 { flex-direction: column; } }
.component-10473 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10473:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10473 { flex-direction: column; } }
.component-10474 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10474:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10474 { flex-direction: column; } }
.component-10475 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10475:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10475 { flex-direction: column; } }
.component-10476 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10476:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10476 { flex-direction: column; } }
.component-10477 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10477:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10477 { flex-direction: column; } }
.component-10478 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10478:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10478 { flex-direction: column; } }
.component-10479 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10479:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10479 { flex-direction: column; } }
.component-10480 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10480:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10480 { flex-direction: column; } }
.component-10481 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10481:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10481 { flex-direction: column; } }
.component-10482 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10482:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10482 { flex-direction: column; } }
.component-10483 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10483:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10483 { flex-direction: column; } }
.component-10484 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10484:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10484 { flex-direction: column; } }
.component-10485 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10485:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10485 { flex-direction: column; } }
.component-10486 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10486:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10486 { flex-direction: column; } }
.component-10487 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10487:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10487 { flex-direction: column; } }
.component-10488 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10488:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10488 { flex-direction: column; } }
.component-10489 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10489:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10489 { flex-direction: column; } }
.component-10490 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10490:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10490 { flex-direction: column; } }
.component-10491 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10491:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10491 { flex-direction: column; } }
.component-10492 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10492:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10492 { flex-direction: column; } }
.component-10493 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10493:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10493 { flex-direction: column; } }
.component-10494 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10494:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10494 { flex-direction: column; } }
.component-10495 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10495:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10495 { flex-direction: column; } }
.component-10496 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10496:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10496 { flex-direction: column; } }
.component-10497 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10497:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10497 { flex-direction: column; } }
.component-10498 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10498:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10498 { flex-direction: column; } }
.component-10499 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10499:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10499 { flex-direction: column; } }
.component-10500 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10500:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10500 { flex-direction: column; } }
.component-10501 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10501:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10501 { flex-direction: column; } }
.component-10502 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10502:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10502 { flex-direction: column; } }
.component-10503 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10503:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10503 { flex-direction: column; } }
.component-10504 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10504:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10504 { flex-direction: column; } }
.component-10505 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10505:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10505 { flex-direction: column; } }
.component-10506 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10506:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10506 { flex-direction: column; } }
.component-10507 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10507:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10507 { flex-direction: column; } }
.component-10508 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10508:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10508 { flex-direction: column; } }
.component-10509 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10509:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10509 { flex-direction: column; } }
.component-10510 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10510:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10510 { flex-direction: column; } }
.component-10511 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10511:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10511 { flex-direction: column; } }
.component-10512 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10512:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10512 { flex-direction: column; } }
.component-10513 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10513:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10513 { flex-direction: column; } }
.component-10514 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10514:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10514 { flex-direction: column; } }
.component-10515 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10515:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10515 { flex-direction: column; } }
.component-10516 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10516:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10516 { flex-direction: column; } }
.component-10517 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10517:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10517 { flex-direction: column; } }
.component-10518 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10518:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10518 { flex-direction: column; } }
.component-10519 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10519:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10519 { flex-direction: column; } }
.component-10520 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10520:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10520 { flex-direction: column; } }
.component-10521 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10521:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10521 { flex-direction: column; } }
.component-10522 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10522:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10522 { flex-direction: column; } }
.component-10523 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10523:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10523 { flex-direction: column; } }
.component-10524 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10524:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10524 { flex-direction: column; } }
.component-10525 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10525:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10525 { flex-direction: column; } }
.component-10526 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10526:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10526 { flex-direction: column; } }
.component-10527 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10527:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10527 { flex-direction: column; } }
.component-10528 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10528:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10528 { flex-direction: column; } }
.component-10529 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10529:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10529 { flex-direction: column; } }
.component-10530 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10530:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10530 { flex-direction: column; } }
.component-10531 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10531:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10531 { flex-direction: column; } }
.component-10532 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10532:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10532 { flex-direction: column; } }
.component-10533 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10533:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10533 { flex-direction: column; } }
.component-10534 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10534:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10534 { flex-direction: column; } }
.component-10535 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10535:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10535 { flex-direction: column; } }
.component-10536 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10536:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10536 { flex-direction: column; } }
.component-10537 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10537:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10537 { flex-direction: column; } }
.component-10538 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10538:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10538 { flex-direction: column; } }
.component-10539 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10539:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10539 { flex-direction: column; } }
.component-10540 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10540:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10540 { flex-direction: column; } }
.component-10541 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10541:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10541 { flex-direction: column; } }
.component-10542 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10542:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10542 { flex-direction: column; } }
.component-10543 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10543:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10543 { flex-direction: column; } }
.component-10544 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10544:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10544 { flex-direction: column; } }
.component-10545 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10545:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10545 { flex-direction: column; } }
.component-10546 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10546:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10546 { flex-direction: column; } }
.component-10547 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10547:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10547 { flex-direction: column; } }
.component-10548 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10548:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10548 { flex-direction: column; } }
.component-10549 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10549:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10549 { flex-direction: column; } }
.component-10550 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10550:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10550 { flex-direction: column; } }
.component-10551 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10551:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10551 { flex-direction: column; } }
.component-10552 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10552:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10552 { flex-direction: column; } }
.component-10553 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10553:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10553 { flex-direction: column; } }
.component-10554 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10554:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10554 { flex-direction: column; } }
.component-10555 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10555:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10555 { flex-direction: column; } }
.component-10556 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10556:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10556 { flex-direction: column; } }
.component-10557 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10557:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10557 { flex-direction: column; } }
.component-10558 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10558:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10558 { flex-direction: column; } }
.component-10559 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10559:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10559 { flex-direction: column; } }
.component-10560 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10560:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10560 { flex-direction: column; } }
.component-10561 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10561:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10561 { flex-direction: column; } }
.component-10562 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10562:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10562 { flex-direction: column; } }
.component-10563 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10563:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10563 { flex-direction: column; } }
.component-10564 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10564:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10564 { flex-direction: column; } }
.component-10565 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10565:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10565 { flex-direction: column; } }
.component-10566 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10566:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10566 { flex-direction: column; } }
.component-10567 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10567:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10567 { flex-direction: column; } }
.component-10568 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10568:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10568 { flex-direction: column; } }
.component-10569 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10569:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10569 { flex-direction: column; } }
.component-10570 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10570:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10570 { flex-direction: column; } }
.component-10571 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10571:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10571 { flex-direction: column; } }
.component-10572 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10572:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10572 { flex-direction: column; } }
.component-10573 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10573:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10573 { flex-direction: column; } }
.component-10574 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10574:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10574 { flex-direction: column; } }
.component-10575 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10575:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10575 { flex-direction: column; } }
.component-10576 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10576:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10576 { flex-direction: column; } }
.component-10577 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10577:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10577 { flex-direction: column; } }
.component-10578 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10578:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10578 { flex-direction: column; } }
.component-10579 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10579:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10579 { flex-direction: column; } }
.component-10580 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10580:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10580 { flex-direction: column; } }
.component-10581 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10581:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10581 { flex-direction: column; } }
.component-10582 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10582:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10582 { flex-direction: column; } }
.component-10583 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10583:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10583 { flex-direction: column; } }
.component-10584 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10584:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10584 { flex-direction: column; } }
.component-10585 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10585:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10585 { flex-direction: column; } }
.component-10586 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10586:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10586 { flex-direction: column; } }
.component-10587 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10587:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10587 { flex-direction: column; } }
.component-10588 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10588:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10588 { flex-direction: column; } }
.component-10589 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10589:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10589 { flex-direction: column; } }
.component-10590 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10590:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10590 { flex-direction: column; } }
.component-10591 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10591:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10591 { flex-direction: column; } }
.component-10592 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10592:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10592 { flex-direction: column; } }
.component-10593 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10593:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10593 { flex-direction: column; } }
.component-10594 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10594:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10594 { flex-direction: column; } }
.component-10595 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10595:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10595 { flex-direction: column; } }
.component-10596 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10596:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10596 { flex-direction: column; } }
.component-10597 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10597:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10597 { flex-direction: column; } }
.component-10598 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10598:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10598 { flex-direction: column; } }
.component-10599 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10599:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10599 { flex-direction: column; } }
.component-10600 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10600:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10600 { flex-direction: column; } }
.component-10601 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10601:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10601 { flex-direction: column; } }
.component-10602 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10602:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10602 { flex-direction: column; } }
.component-10603 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10603:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10603 { flex-direction: column; } }
.component-10604 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10604:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10604 { flex-direction: column; } }
.component-10605 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10605:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10605 { flex-direction: column; } }
.component-10606 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10606:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10606 { flex-direction: column; } }
.component-10607 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10607:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10607 { flex-direction: column; } }
.component-10608 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10608:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10608 { flex-direction: column; } }
.component-10609 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10609:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10609 { flex-direction: column; } }
.component-10610 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10610:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10610 { flex-direction: column; } }
.component-10611 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10611:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10611 { flex-direction: column; } }
.component-10612 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10612:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10612 { flex-direction: column; } }
.component-10613 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10613:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10613 { flex-direction: column; } }
.component-10614 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10614:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10614 { flex-direction: column; } }
.component-10615 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10615:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10615 { flex-direction: column; } }
.component-10616 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10616:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10616 { flex-direction: column; } }
.component-10617 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10617:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10617 { flex-direction: column; } }
.component-10618 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10618:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10618 { flex-direction: column; } }
.component-10619 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10619:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10619 { flex-direction: column; } }
.component-10620 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10620:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10620 { flex-direction: column; } }
.component-10621 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10621:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10621 { flex-direction: column; } }
.component-10622 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10622:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10622 { flex-direction: column; } }
.component-10623 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10623:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10623 { flex-direction: column; } }
.component-10624 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10624:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10624 { flex-direction: column; } }
.component-10625 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10625:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10625 { flex-direction: column; } }
.component-10626 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10626:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10626 { flex-direction: column; } }
.component-10627 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10627:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10627 { flex-direction: column; } }
.component-10628 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10628:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10628 { flex-direction: column; } }
.component-10629 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10629:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10629 { flex-direction: column; } }
.component-10630 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10630:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10630 { flex-direction: column; } }
.component-10631 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10631:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10631 { flex-direction: column; } }
.component-10632 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10632:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10632 { flex-direction: column; } }
.component-10633 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10633:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10633 { flex-direction: column; } }
.component-10634 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10634:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10634 { flex-direction: column; } }
.component-10635 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10635:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10635 { flex-direction: column; } }
.component-10636 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10636:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10636 { flex-direction: column; } }
.component-10637 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10637:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10637 { flex-direction: column; } }
.component-10638 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10638:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10638 { flex-direction: column; } }
.component-10639 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10639:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10639 { flex-direction: column; } }
.component-10640 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10640:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10640 { flex-direction: column; } }
.component-10641 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10641:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10641 { flex-direction: column; } }
.component-10642 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10642:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10642 { flex-direction: column; } }
.component-10643 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10643:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10643 { flex-direction: column; } }
.component-10644 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10644:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10644 { flex-direction: column; } }
.component-10645 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10645:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10645 { flex-direction: column; } }
.component-10646 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10646:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10646 { flex-direction: column; } }
.component-10647 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10647:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10647 { flex-direction: column; } }
.component-10648 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10648:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10648 { flex-direction: column; } }
.component-10649 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10649:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10649 { flex-direction: column; } }
.component-10650 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10650:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10650 { flex-direction: column; } }
.component-10651 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10651:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10651 { flex-direction: column; } }
.component-10652 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10652:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10652 { flex-direction: column; } }
.component-10653 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10653:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10653 { flex-direction: column; } }
.component-10654 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10654:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10654 { flex-direction: column; } }
.component-10655 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10655:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10655 { flex-direction: column; } }
.component-10656 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10656:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10656 { flex-direction: column; } }
.component-10657 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10657:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10657 { flex-direction: column; } }
.component-10658 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10658:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10658 { flex-direction: column; } }
.component-10659 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10659:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10659 { flex-direction: column; } }
.component-10660 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10660:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10660 { flex-direction: column; } }
.component-10661 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10661:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10661 { flex-direction: column; } }
.component-10662 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10662:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10662 { flex-direction: column; } }
.component-10663 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10663:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10663 { flex-direction: column; } }
.component-10664 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10664:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10664 { flex-direction: column; } }
.component-10665 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10665:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10665 { flex-direction: column; } }
.component-10666 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10666:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10666 { flex-direction: column; } }
.component-10667 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10667:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10667 { flex-direction: column; } }
.component-10668 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10668:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10668 { flex-direction: column; } }
.component-10669 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10669:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10669 { flex-direction: column; } }
.component-10670 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10670:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10670 { flex-direction: column; } }
.component-10671 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10671:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10671 { flex-direction: column; } }
.component-10672 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10672:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10672 { flex-direction: column; } }
.component-10673 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10673:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10673 { flex-direction: column; } }
.component-10674 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10674:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10674 { flex-direction: column; } }
.component-10675 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10675:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10675 { flex-direction: column; } }
.component-10676 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10676:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10676 { flex-direction: column; } }
.component-10677 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10677:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10677 { flex-direction: column; } }
.component-10678 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10678:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10678 { flex-direction: column; } }
.component-10679 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10679:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10679 { flex-direction: column; } }
.component-10680 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10680:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10680 { flex-direction: column; } }
.component-10681 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10681:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10681 { flex-direction: column; } }
.component-10682 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10682:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10682 { flex-direction: column; } }
.component-10683 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10683:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10683 { flex-direction: column; } }
.component-10684 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10684:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10684 { flex-direction: column; } }
.component-10685 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10685:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10685 { flex-direction: column; } }
.component-10686 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10686:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10686 { flex-direction: column; } }
.component-10687 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10687:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10687 { flex-direction: column; } }
.component-10688 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10688:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10688 { flex-direction: column; } }
.component-10689 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10689:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10689 { flex-direction: column; } }
.component-10690 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10690:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10690 { flex-direction: column; } }
.component-10691 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10691:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10691 { flex-direction: column; } }
.component-10692 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10692:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10692 { flex-direction: column; } }
.component-10693 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10693:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10693 { flex-direction: column; } }
.component-10694 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10694:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10694 { flex-direction: column; } }
.component-10695 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10695:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10695 { flex-direction: column; } }
.component-10696 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10696:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10696 { flex-direction: column; } }
.component-10697 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10697:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10697 { flex-direction: column; } }
.component-10698 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10698:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10698 { flex-direction: column; } }
.component-10699 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10699:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10699 { flex-direction: column; } }
.component-10700 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10700:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10700 { flex-direction: column; } }
.component-10701 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10701:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10701 { flex-direction: column; } }
.component-10702 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10702:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10702 { flex-direction: column; } }
.component-10703 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10703:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10703 { flex-direction: column; } }
.component-10704 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10704:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10704 { flex-direction: column; } }
.component-10705 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10705:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10705 { flex-direction: column; } }
.component-10706 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10706:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10706 { flex-direction: column; } }
.component-10707 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10707:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10707 { flex-direction: column; } }
.component-10708 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10708:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10708 { flex-direction: column; } }
.component-10709 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10709:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10709 { flex-direction: column; } }
.component-10710 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10710:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10710 { flex-direction: column; } }
.component-10711 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10711:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10711 { flex-direction: column; } }
.component-10712 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10712:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10712 { flex-direction: column; } }
.component-10713 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10713:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10713 { flex-direction: column; } }
.component-10714 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10714:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10714 { flex-direction: column; } }
.component-10715 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10715:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10715 { flex-direction: column; } }
.component-10716 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10716:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10716 { flex-direction: column; } }
.component-10717 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10717:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10717 { flex-direction: column; } }
.component-10718 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10718:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10718 { flex-direction: column; } }
.component-10719 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10719:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10719 { flex-direction: column; } }
.component-10720 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10720:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10720 { flex-direction: column; } }
.component-10721 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10721:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10721 { flex-direction: column; } }
.component-10722 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10722:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10722 { flex-direction: column; } }
.component-10723 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10723:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10723 { flex-direction: column; } }
.component-10724 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10724:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10724 { flex-direction: column; } }
.component-10725 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10725:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10725 { flex-direction: column; } }
.component-10726 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10726:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10726 { flex-direction: column; } }
.component-10727 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10727:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10727 { flex-direction: column; } }
.component-10728 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10728:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10728 { flex-direction: column; } }
.component-10729 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10729:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10729 { flex-direction: column; } }
.component-10730 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10730:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10730 { flex-direction: column; } }
.component-10731 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10731:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10731 { flex-direction: column; } }
.component-10732 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10732:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10732 { flex-direction: column; } }
.component-10733 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10733:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10733 { flex-direction: column; } }
.component-10734 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10734:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10734 { flex-direction: column; } }
.component-10735 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10735:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10735 { flex-direction: column; } }
.component-10736 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10736:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10736 { flex-direction: column; } }
.component-10737 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10737:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10737 { flex-direction: column; } }
.component-10738 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10738:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10738 { flex-direction: column; } }
.component-10739 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10739:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10739 { flex-direction: column; } }
.component-10740 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10740:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10740 { flex-direction: column; } }
.component-10741 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10741:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10741 { flex-direction: column; } }
.component-10742 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10742:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10742 { flex-direction: column; } }
.component-10743 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10743:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10743 { flex-direction: column; } }
.component-10744 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10744:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10744 { flex-direction: column; } }
.component-10745 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10745:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10745 { flex-direction: column; } }
.component-10746 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10746:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10746 { flex-direction: column; } }
.component-10747 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10747:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10747 { flex-direction: column; } }
.component-10748 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10748:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10748 { flex-direction: column; } }
.component-10749 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10749:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10749 { flex-direction: column; } }
.component-10750 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10750:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10750 { flex-direction: column; } }
.component-10751 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10751:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10751 { flex-direction: column; } }
.component-10752 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10752:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10752 { flex-direction: column; } }
.component-10753 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10753:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10753 { flex-direction: column; } }
.component-10754 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10754:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10754 { flex-direction: column; } }
.component-10755 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10755:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10755 { flex-direction: column; } }
.component-10756 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10756:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10756 { flex-direction: column; } }
.component-10757 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10757:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10757 { flex-direction: column; } }
.component-10758 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10758:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10758 { flex-direction: column; } }
.component-10759 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10759:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10759 { flex-direction: column; } }
.component-10760 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10760:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10760 { flex-direction: column; } }
.component-10761 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10761:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10761 { flex-direction: column; } }
.component-10762 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10762:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10762 { flex-direction: column; } }
.component-10763 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10763:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10763 { flex-direction: column; } }
.component-10764 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10764:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10764 { flex-direction: column; } }
.component-10765 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10765:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10765 { flex-direction: column; } }
.component-10766 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10766:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10766 { flex-direction: column; } }
.component-10767 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10767:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10767 { flex-direction: column; } }
.component-10768 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10768:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10768 { flex-direction: column; } }
.component-10769 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10769:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10769 { flex-direction: column; } }
.component-10770 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10770:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10770 { flex-direction: column; } }
.component-10771 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10771:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10771 { flex-direction: column; } }
.component-10772 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10772:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10772 { flex-direction: column; } }
.component-10773 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10773:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10773 { flex-direction: column; } }
.component-10774 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10774:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10774 { flex-direction: column; } }
.component-10775 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10775:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10775 { flex-direction: column; } }
.component-10776 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10776:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10776 { flex-direction: column; } }
.component-10777 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10777:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10777 { flex-direction: column; } }
.component-10778 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10778:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10778 { flex-direction: column; } }
.component-10779 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10779:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10779 { flex-direction: column; } }
.component-10780 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10780:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10780 { flex-direction: column; } }
.component-10781 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10781:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10781 { flex-direction: column; } }
.component-10782 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10782:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10782 { flex-direction: column; } }
.component-10783 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10783:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10783 { flex-direction: column; } }
.component-10784 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10784:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10784 { flex-direction: column; } }
.component-10785 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10785:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10785 { flex-direction: column; } }
.component-10786 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10786:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10786 { flex-direction: column; } }
.component-10787 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10787:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10787 { flex-direction: column; } }
.component-10788 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10788:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10788 { flex-direction: column; } }
.component-10789 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10789:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10789 { flex-direction: column; } }
.component-10790 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10790:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10790 { flex-direction: column; } }
.component-10791 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10791:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10791 { flex-direction: column; } }
.component-10792 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10792:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10792 { flex-direction: column; } }
.component-10793 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10793:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10793 { flex-direction: column; } }
.component-10794 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10794:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10794 { flex-direction: column; } }
.component-10795 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10795:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10795 { flex-direction: column; } }
.component-10796 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10796:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10796 { flex-direction: column; } }
.component-10797 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10797:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10797 { flex-direction: column; } }
.component-10798 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10798:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10798 { flex-direction: column; } }
.component-10799 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10799:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10799 { flex-direction: column; } }
.component-10800 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10800:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10800 { flex-direction: column; } }
.component-10801 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10801:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10801 { flex-direction: column; } }
.component-10802 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10802:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10802 { flex-direction: column; } }
.component-10803 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10803:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10803 { flex-direction: column; } }
.component-10804 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10804:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10804 { flex-direction: column; } }
.component-10805 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10805:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10805 { flex-direction: column; } }
.component-10806 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10806:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10806 { flex-direction: column; } }
.component-10807 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10807:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10807 { flex-direction: column; } }
.component-10808 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10808:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10808 { flex-direction: column; } }
.component-10809 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10809:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10809 { flex-direction: column; } }
.component-10810 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10810:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10810 { flex-direction: column; } }
.component-10811 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10811:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10811 { flex-direction: column; } }
.component-10812 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10812:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10812 { flex-direction: column; } }
.component-10813 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10813:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10813 { flex-direction: column; } }
.component-10814 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10814:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10814 { flex-direction: column; } }
.component-10815 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10815:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10815 { flex-direction: column; } }
.component-10816 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10816:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10816 { flex-direction: column; } }
.component-10817 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10817:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10817 { flex-direction: column; } }
.component-10818 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10818:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10818 { flex-direction: column; } }
.component-10819 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10819:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10819 { flex-direction: column; } }
.component-10820 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10820:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10820 { flex-direction: column; } }
.component-10821 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10821:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10821 { flex-direction: column; } }
.component-10822 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10822:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10822 { flex-direction: column; } }
.component-10823 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10823:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10823 { flex-direction: column; } }
.component-10824 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10824:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10824 { flex-direction: column; } }
.component-10825 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10825:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10825 { flex-direction: column; } }
.component-10826 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10826:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10826 { flex-direction: column; } }
.component-10827 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10827:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10827 { flex-direction: column; } }
.component-10828 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10828:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10828 { flex-direction: column; } }
.component-10829 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10829:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10829 { flex-direction: column; } }
.component-10830 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10830:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10830 { flex-direction: column; } }
.component-10831 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10831:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10831 { flex-direction: column; } }
.component-10832 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10832:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10832 { flex-direction: column; } }
.component-10833 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10833:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10833 { flex-direction: column; } }
.component-10834 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10834:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10834 { flex-direction: column; } }
.component-10835 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10835:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10835 { flex-direction: column; } }
.component-10836 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10836:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10836 { flex-direction: column; } }
.component-10837 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10837:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10837 { flex-direction: column; } }
.component-10838 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10838:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10838 { flex-direction: column; } }
.component-10839 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10839:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10839 { flex-direction: column; } }
.component-10840 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10840:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10840 { flex-direction: column; } }
.component-10841 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10841:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10841 { flex-direction: column; } }
.component-10842 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10842:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10842 { flex-direction: column; } }
.component-10843 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10843:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10843 { flex-direction: column; } }
.component-10844 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10844:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10844 { flex-direction: column; } }
.component-10845 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10845:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10845 { flex-direction: column; } }
.component-10846 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10846:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10846 { flex-direction: column; } }
.component-10847 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10847:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10847 { flex-direction: column; } }
.component-10848 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10848:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10848 { flex-direction: column; } }
.component-10849 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10849:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10849 { flex-direction: column; } }
.component-10850 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10850:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10850 { flex-direction: column; } }
.component-10851 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10851:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10851 { flex-direction: column; } }
.component-10852 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10852:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10852 { flex-direction: column; } }
.component-10853 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10853:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10853 { flex-direction: column; } }
.component-10854 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10854:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10854 { flex-direction: column; } }
.component-10855 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10855:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10855 { flex-direction: column; } }
.component-10856 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10856:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10856 { flex-direction: column; } }
.component-10857 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10857:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10857 { flex-direction: column; } }
.component-10858 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10858:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10858 { flex-direction: column; } }
.component-10859 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10859:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10859 { flex-direction: column; } }
.component-10860 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10860:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10860 { flex-direction: column; } }
.component-10861 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10861:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10861 { flex-direction: column; } }
.component-10862 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10862:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10862 { flex-direction: column; } }
.component-10863 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10863:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10863 { flex-direction: column; } }
.component-10864 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10864:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10864 { flex-direction: column; } }
.component-10865 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10865:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10865 { flex-direction: column; } }
.component-10866 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10866:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10866 { flex-direction: column; } }
.component-10867 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10867:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10867 { flex-direction: column; } }
.component-10868 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10868:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10868 { flex-direction: column; } }
.component-10869 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10869:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10869 { flex-direction: column; } }
.component-10870 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10870:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10870 { flex-direction: column; } }
.component-10871 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10871:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10871 { flex-direction: column; } }
.component-10872 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10872:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10872 { flex-direction: column; } }
.component-10873 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10873:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10873 { flex-direction: column; } }
.component-10874 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10874:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10874 { flex-direction: column; } }
.component-10875 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10875:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10875 { flex-direction: column; } }
.component-10876 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10876:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10876 { flex-direction: column; } }
.component-10877 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10877:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10877 { flex-direction: column; } }
.component-10878 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10878:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10878 { flex-direction: column; } }
.component-10879 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10879:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10879 { flex-direction: column; } }
.component-10880 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10880:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10880 { flex-direction: column; } }
.component-10881 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10881:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10881 { flex-direction: column; } }
.component-10882 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10882:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10882 { flex-direction: column; } }
.component-10883 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10883:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10883 { flex-direction: column; } }
.component-10884 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10884:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10884 { flex-direction: column; } }
.component-10885 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10885:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10885 { flex-direction: column; } }
.component-10886 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10886:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10886 { flex-direction: column; } }
.component-10887 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10887:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10887 { flex-direction: column; } }
.component-10888 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10888:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10888 { flex-direction: column; } }
.component-10889 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10889:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10889 { flex-direction: column; } }
.component-10890 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10890:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10890 { flex-direction: column; } }
.component-10891 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10891:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10891 { flex-direction: column; } }
.component-10892 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10892:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10892 { flex-direction: column; } }
.component-10893 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10893:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10893 { flex-direction: column; } }
.component-10894 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10894:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10894 { flex-direction: column; } }
.component-10895 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10895:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10895 { flex-direction: column; } }
.component-10896 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10896:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10896 { flex-direction: column; } }
.component-10897 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10897:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10897 { flex-direction: column; } }
.component-10898 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10898:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10898 { flex-direction: column; } }
.component-10899 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10899:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10899 { flex-direction: column; } }
.component-10900 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10900:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10900 { flex-direction: column; } }
.component-10901 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10901:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10901 { flex-direction: column; } }
.component-10902 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10902:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10902 { flex-direction: column; } }
.component-10903 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10903:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10903 { flex-direction: column; } }
.component-10904 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10904:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10904 { flex-direction: column; } }
.component-10905 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10905:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10905 { flex-direction: column; } }
.component-10906 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10906:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10906 { flex-direction: column; } }
.component-10907 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10907:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10907 { flex-direction: column; } }
.component-10908 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10908:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10908 { flex-direction: column; } }
.component-10909 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10909:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10909 { flex-direction: column; } }
.component-10910 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10910:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10910 { flex-direction: column; } }
.component-10911 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10911:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10911 { flex-direction: column; } }
.component-10912 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10912:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10912 { flex-direction: column; } }
.component-10913 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10913:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10913 { flex-direction: column; } }
.component-10914 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10914:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10914 { flex-direction: column; } }
.component-10915 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10915:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10915 { flex-direction: column; } }
.component-10916 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10916:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10916 { flex-direction: column; } }
.component-10917 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10917:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10917 { flex-direction: column; } }
.component-10918 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10918:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10918 { flex-direction: column; } }
.component-10919 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10919:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10919 { flex-direction: column; } }
.component-10920 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10920:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10920 { flex-direction: column; } }
.component-10921 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10921:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10921 { flex-direction: column; } }
.component-10922 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10922:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10922 { flex-direction: column; } }
.component-10923 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10923:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10923 { flex-direction: column; } }
.component-10924 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10924:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10924 { flex-direction: column; } }
.component-10925 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10925:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10925 { flex-direction: column; } }
.component-10926 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10926:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10926 { flex-direction: column; } }
.component-10927 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10927:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10927 { flex-direction: column; } }
.component-10928 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10928:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10928 { flex-direction: column; } }
.component-10929 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10929:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10929 { flex-direction: column; } }
.component-10930 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10930:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10930 { flex-direction: column; } }
.component-10931 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10931:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10931 { flex-direction: column; } }
.component-10932 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10932:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10932 { flex-direction: column; } }
.component-10933 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10933:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10933 { flex-direction: column; } }
.component-10934 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10934:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10934 { flex-direction: column; } }
.component-10935 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10935:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10935 { flex-direction: column; } }
.component-10936 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10936:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10936 { flex-direction: column; } }
.component-10937 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10937:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10937 { flex-direction: column; } }
.component-10938 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10938:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10938 { flex-direction: column; } }
.component-10939 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10939:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10939 { flex-direction: column; } }
.component-10940 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10940:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10940 { flex-direction: column; } }
.component-10941 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10941:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10941 { flex-direction: column; } }
.component-10942 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10942:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10942 { flex-direction: column; } }
.component-10943 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10943:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10943 { flex-direction: column; } }
.component-10944 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10944:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10944 { flex-direction: column; } }
.component-10945 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10945:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10945 { flex-direction: column; } }
.component-10946 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10946:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10946 { flex-direction: column; } }
.component-10947 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10947:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10947 { flex-direction: column; } }
.component-10948 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10948:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10948 { flex-direction: column; } }
.component-10949 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10949:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10949 { flex-direction: column; } }
.component-10950 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10950:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10950 { flex-direction: column; } }
.component-10951 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10951:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10951 { flex-direction: column; } }
.component-10952 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10952:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10952 { flex-direction: column; } }
.component-10953 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10953:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10953 { flex-direction: column; } }
.component-10954 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10954:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10954 { flex-direction: column; } }
.component-10955 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10955:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10955 { flex-direction: column; } }
.component-10956 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10956:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10956 { flex-direction: column; } }
.component-10957 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10957:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10957 { flex-direction: column; } }
.component-10958 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10958:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10958 { flex-direction: column; } }
.component-10959 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10959:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10959 { flex-direction: column; } }
.component-10960 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10960:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10960 { flex-direction: column; } }
.component-10961 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10961:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10961 { flex-direction: column; } }
.component-10962 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10962:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10962 { flex-direction: column; } }
.component-10963 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10963:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10963 { flex-direction: column; } }
.component-10964 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10964:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10964 { flex-direction: column; } }
.component-10965 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10965:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10965 { flex-direction: column; } }
.component-10966 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10966:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10966 { flex-direction: column; } }
.component-10967 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10967:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10967 { flex-direction: column; } }
.component-10968 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10968:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10968 { flex-direction: column; } }
.component-10969 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10969:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10969 { flex-direction: column; } }
.component-10970 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10970:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10970 { flex-direction: column; } }
.component-10971 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10971:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10971 { flex-direction: column; } }
.component-10972 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10972:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10972 { flex-direction: column; } }
.component-10973 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10973:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10973 { flex-direction: column; } }
.component-10974 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10974:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10974 { flex-direction: column; } }
.component-10975 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10975:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10975 { flex-direction: column; } }
.component-10976 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10976:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10976 { flex-direction: column; } }
.component-10977 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10977:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10977 { flex-direction: column; } }
.component-10978 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10978:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10978 { flex-direction: column; } }
.component-10979 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10979:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10979 { flex-direction: column; } }
.component-10980 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10980:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10980 { flex-direction: column; } }
.component-10981 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10981:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10981 { flex-direction: column; } }
.component-10982 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10982:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10982 { flex-direction: column; } }
.component-10983 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10983:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10983 { flex-direction: column; } }
.component-10984 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10984:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10984 { flex-direction: column; } }
.component-10985 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10985:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-10985 { flex-direction: column; } }
.component-10986 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10986:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-10986 { flex-direction: column; } }
.component-10987 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10987:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-10987 { flex-direction: column; } }
.component-10988 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10988:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-10988 { flex-direction: column; } }
.component-10989 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10989:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-10989 { flex-direction: column; } }
.component-10990 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-10990:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-10990 { flex-direction: column; } }
.component-10991 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-10991:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-10991 { flex-direction: column; } }
.component-10992 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-10992:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-10992 { flex-direction: column; } }
.component-10993 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-10993:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-10993 { flex-direction: column; } }
.component-10994 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-10994:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-10994 { flex-direction: column; } }
.component-10995 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-10995:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-10995 { flex-direction: column; } }
.component-10996 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-10996:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-10996 { flex-direction: column; } }
.component-10997 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-10997:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-10997 { flex-direction: column; } }
.component-10998 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-10998:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-10998 { flex-direction: column; } }
.component-10999 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-10999:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-10999 { flex-direction: column; } }
.component-11000 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11000:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11000 { flex-direction: column; } }
.component-11001 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11001:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11001 { flex-direction: column; } }
.component-11002 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11002:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11002 { flex-direction: column; } }
.component-11003 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11003:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11003 { flex-direction: column; } }
.component-11004 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11004:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11004 { flex-direction: column; } }
.component-11005 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11005:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11005 { flex-direction: column; } }
.component-11006 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11006:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11006 { flex-direction: column; } }
.component-11007 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11007:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11007 { flex-direction: column; } }
.component-11008 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11008:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11008 { flex-direction: column; } }
.component-11009 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11009:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11009 { flex-direction: column; } }
.component-11010 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11010:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11010 { flex-direction: column; } }
.component-11011 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11011:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11011 { flex-direction: column; } }
.component-11012 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11012:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11012 { flex-direction: column; } }
.component-11013 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11013:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11013 { flex-direction: column; } }
.component-11014 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11014:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11014 { flex-direction: column; } }
.component-11015 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11015:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11015 { flex-direction: column; } }
.component-11016 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11016:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11016 { flex-direction: column; } }
.component-11017 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11017:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11017 { flex-direction: column; } }
.component-11018 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11018:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11018 { flex-direction: column; } }
.component-11019 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11019:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11019 { flex-direction: column; } }
.component-11020 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11020:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11020 { flex-direction: column; } }
.component-11021 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11021:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11021 { flex-direction: column; } }
.component-11022 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11022:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11022 { flex-direction: column; } }
.component-11023 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11023:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11023 { flex-direction: column; } }
.component-11024 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11024:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11024 { flex-direction: column; } }
.component-11025 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11025:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11025 { flex-direction: column; } }
.component-11026 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11026:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11026 { flex-direction: column; } }
.component-11027 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11027:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11027 { flex-direction: column; } }
.component-11028 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11028:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11028 { flex-direction: column; } }
.component-11029 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11029:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11029 { flex-direction: column; } }
.component-11030 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11030:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11030 { flex-direction: column; } }
.component-11031 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11031:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11031 { flex-direction: column; } }
.component-11032 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11032:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11032 { flex-direction: column; } }
.component-11033 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11033:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11033 { flex-direction: column; } }
.component-11034 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11034:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11034 { flex-direction: column; } }
.component-11035 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11035:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11035 { flex-direction: column; } }
.component-11036 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11036:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11036 { flex-direction: column; } }
.component-11037 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11037:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11037 { flex-direction: column; } }
.component-11038 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11038:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11038 { flex-direction: column; } }
.component-11039 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11039:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11039 { flex-direction: column; } }
.component-11040 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11040:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11040 { flex-direction: column; } }
.component-11041 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11041:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11041 { flex-direction: column; } }
.component-11042 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11042:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11042 { flex-direction: column; } }
.component-11043 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11043:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11043 { flex-direction: column; } }
.component-11044 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11044:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11044 { flex-direction: column; } }
.component-11045 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11045:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11045 { flex-direction: column; } }
.component-11046 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11046:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11046 { flex-direction: column; } }
.component-11047 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11047:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11047 { flex-direction: column; } }
.component-11048 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11048:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11048 { flex-direction: column; } }
.component-11049 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11049:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11049 { flex-direction: column; } }
.component-11050 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11050:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11050 { flex-direction: column; } }
.component-11051 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11051:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11051 { flex-direction: column; } }
.component-11052 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11052:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11052 { flex-direction: column; } }
.component-11053 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11053:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11053 { flex-direction: column; } }
.component-11054 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11054:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11054 { flex-direction: column; } }
.component-11055 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11055:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11055 { flex-direction: column; } }
.component-11056 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11056:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11056 { flex-direction: column; } }
.component-11057 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11057:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11057 { flex-direction: column; } }
.component-11058 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11058:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11058 { flex-direction: column; } }
.component-11059 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11059:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11059 { flex-direction: column; } }
.component-11060 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11060:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11060 { flex-direction: column; } }
.component-11061 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11061:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11061 { flex-direction: column; } }
.component-11062 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11062:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11062 { flex-direction: column; } }
.component-11063 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11063:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11063 { flex-direction: column; } }
.component-11064 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11064:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11064 { flex-direction: column; } }
.component-11065 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11065:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11065 { flex-direction: column; } }
.component-11066 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11066:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11066 { flex-direction: column; } }
.component-11067 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11067:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11067 { flex-direction: column; } }
.component-11068 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11068:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11068 { flex-direction: column; } }
.component-11069 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11069:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11069 { flex-direction: column; } }
.component-11070 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11070:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11070 { flex-direction: column; } }
.component-11071 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11071:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11071 { flex-direction: column; } }
.component-11072 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11072:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11072 { flex-direction: column; } }
.component-11073 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11073:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11073 { flex-direction: column; } }
.component-11074 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11074:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11074 { flex-direction: column; } }
.component-11075 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11075:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11075 { flex-direction: column; } }
.component-11076 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11076:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11076 { flex-direction: column; } }
.component-11077 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11077:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11077 { flex-direction: column; } }
.component-11078 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11078:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11078 { flex-direction: column; } }
.component-11079 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11079:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11079 { flex-direction: column; } }
.component-11080 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11080:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11080 { flex-direction: column; } }
.component-11081 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11081:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11081 { flex-direction: column; } }
.component-11082 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11082:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11082 { flex-direction: column; } }
.component-11083 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11083:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11083 { flex-direction: column; } }
.component-11084 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11084:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11084 { flex-direction: column; } }
.component-11085 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11085:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11085 { flex-direction: column; } }
.component-11086 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11086:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11086 { flex-direction: column; } }
.component-11087 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11087:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11087 { flex-direction: column; } }
.component-11088 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11088:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11088 { flex-direction: column; } }
.component-11089 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11089:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11089 { flex-direction: column; } }
.component-11090 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11090:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11090 { flex-direction: column; } }
.component-11091 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11091:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11091 { flex-direction: column; } }
.component-11092 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11092:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11092 { flex-direction: column; } }
.component-11093 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11093:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11093 { flex-direction: column; } }
.component-11094 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11094:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11094 { flex-direction: column; } }
.component-11095 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11095:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11095 { flex-direction: column; } }
.component-11096 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11096:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11096 { flex-direction: column; } }
.component-11097 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11097:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11097 { flex-direction: column; } }
.component-11098 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11098:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11098 { flex-direction: column; } }
.component-11099 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11099:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11099 { flex-direction: column; } }
.component-11100 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11100:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11100 { flex-direction: column; } }
.component-11101 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11101:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11101 { flex-direction: column; } }
.component-11102 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11102:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11102 { flex-direction: column; } }
.component-11103 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11103:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11103 { flex-direction: column; } }
.component-11104 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11104:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11104 { flex-direction: column; } }
.component-11105 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11105:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11105 { flex-direction: column; } }
.component-11106 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11106:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11106 { flex-direction: column; } }
.component-11107 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11107:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11107 { flex-direction: column; } }
.component-11108 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11108:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11108 { flex-direction: column; } }
.component-11109 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11109:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11109 { flex-direction: column; } }
.component-11110 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11110:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11110 { flex-direction: column; } }
.component-11111 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11111:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11111 { flex-direction: column; } }
.component-11112 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11112:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11112 { flex-direction: column; } }
.component-11113 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11113:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11113 { flex-direction: column; } }
.component-11114 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11114:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11114 { flex-direction: column; } }
.component-11115 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11115:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11115 { flex-direction: column; } }
.component-11116 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11116:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11116 { flex-direction: column; } }
.component-11117 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11117:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11117 { flex-direction: column; } }
.component-11118 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11118:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11118 { flex-direction: column; } }
.component-11119 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11119:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11119 { flex-direction: column; } }
.component-11120 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11120:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11120 { flex-direction: column; } }
.component-11121 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11121:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11121 { flex-direction: column; } }
.component-11122 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11122:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11122 { flex-direction: column; } }
.component-11123 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11123:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11123 { flex-direction: column; } }
.component-11124 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11124:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11124 { flex-direction: column; } }
.component-11125 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11125:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11125 { flex-direction: column; } }
.component-11126 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11126:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11126 { flex-direction: column; } }
.component-11127 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11127:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11127 { flex-direction: column; } }
.component-11128 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11128:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11128 { flex-direction: column; } }
.component-11129 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11129:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11129 { flex-direction: column; } }
.component-11130 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11130:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11130 { flex-direction: column; } }
.component-11131 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11131:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11131 { flex-direction: column; } }
.component-11132 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11132:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11132 { flex-direction: column; } }
.component-11133 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11133:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11133 { flex-direction: column; } }
.component-11134 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11134:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11134 { flex-direction: column; } }
.component-11135 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11135:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11135 { flex-direction: column; } }
.component-11136 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11136:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11136 { flex-direction: column; } }
.component-11137 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11137:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11137 { flex-direction: column; } }
.component-11138 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11138:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11138 { flex-direction: column; } }
.component-11139 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11139:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11139 { flex-direction: column; } }
.component-11140 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11140:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11140 { flex-direction: column; } }
.component-11141 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11141:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11141 { flex-direction: column; } }
.component-11142 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11142:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11142 { flex-direction: column; } }
.component-11143 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11143:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11143 { flex-direction: column; } }
.component-11144 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11144:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11144 { flex-direction: column; } }
.component-11145 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11145:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11145 { flex-direction: column; } }
.component-11146 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11146:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11146 { flex-direction: column; } }
.component-11147 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11147:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11147 { flex-direction: column; } }
.component-11148 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11148:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11148 { flex-direction: column; } }
.component-11149 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11149:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11149 { flex-direction: column; } }
.component-11150 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11150:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11150 { flex-direction: column; } }
.component-11151 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11151:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11151 { flex-direction: column; } }
.component-11152 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11152:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11152 { flex-direction: column; } }
.component-11153 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11153:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11153 { flex-direction: column; } }
.component-11154 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11154:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11154 { flex-direction: column; } }
.component-11155 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11155:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11155 { flex-direction: column; } }
.component-11156 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11156:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11156 { flex-direction: column; } }
.component-11157 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11157:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11157 { flex-direction: column; } }
.component-11158 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11158:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11158 { flex-direction: column; } }
.component-11159 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11159:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11159 { flex-direction: column; } }
.component-11160 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11160:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11160 { flex-direction: column; } }
.component-11161 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11161:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11161 { flex-direction: column; } }
.component-11162 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11162:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11162 { flex-direction: column; } }
.component-11163 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11163:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11163 { flex-direction: column; } }
.component-11164 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11164:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11164 { flex-direction: column; } }
.component-11165 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11165:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11165 { flex-direction: column; } }
.component-11166 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11166:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11166 { flex-direction: column; } }
.component-11167 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11167:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11167 { flex-direction: column; } }
.component-11168 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11168:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11168 { flex-direction: column; } }
.component-11169 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11169:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11169 { flex-direction: column; } }
.component-11170 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11170:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11170 { flex-direction: column; } }
.component-11171 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11171:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11171 { flex-direction: column; } }
.component-11172 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11172:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11172 { flex-direction: column; } }
.component-11173 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11173:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11173 { flex-direction: column; } }
.component-11174 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11174:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11174 { flex-direction: column; } }
.component-11175 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11175:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11175 { flex-direction: column; } }
.component-11176 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11176:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11176 { flex-direction: column; } }
.component-11177 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11177:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11177 { flex-direction: column; } }
.component-11178 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11178:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11178 { flex-direction: column; } }
.component-11179 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11179:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11179 { flex-direction: column; } }
.component-11180 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11180:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11180 { flex-direction: column; } }
.component-11181 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11181:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11181 { flex-direction: column; } }
.component-11182 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11182:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11182 { flex-direction: column; } }
.component-11183 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11183:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11183 { flex-direction: column; } }
.component-11184 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11184:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11184 { flex-direction: column; } }
.component-11185 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11185:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11185 { flex-direction: column; } }
.component-11186 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11186:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11186 { flex-direction: column; } }
.component-11187 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11187:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11187 { flex-direction: column; } }
.component-11188 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11188:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11188 { flex-direction: column; } }
.component-11189 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11189:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11189 { flex-direction: column; } }
.component-11190 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11190:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11190 { flex-direction: column; } }
.component-11191 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11191:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11191 { flex-direction: column; } }
.component-11192 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11192:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11192 { flex-direction: column; } }
.component-11193 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11193:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11193 { flex-direction: column; } }
.component-11194 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11194:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11194 { flex-direction: column; } }
.component-11195 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11195:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11195 { flex-direction: column; } }
.component-11196 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11196:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11196 { flex-direction: column; } }
.component-11197 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11197:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11197 { flex-direction: column; } }
.component-11198 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11198:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11198 { flex-direction: column; } }
.component-11199 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11199:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11199 { flex-direction: column; } }
.component-11200 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11200:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11200 { flex-direction: column; } }
.component-11201 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11201:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11201 { flex-direction: column; } }
.component-11202 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11202:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11202 { flex-direction: column; } }
.component-11203 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11203:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11203 { flex-direction: column; } }
.component-11204 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11204:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11204 { flex-direction: column; } }
.component-11205 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11205:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11205 { flex-direction: column; } }
.component-11206 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11206:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11206 { flex-direction: column; } }
.component-11207 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11207:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11207 { flex-direction: column; } }
.component-11208 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11208:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11208 { flex-direction: column; } }
.component-11209 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11209:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11209 { flex-direction: column; } }
.component-11210 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11210:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11210 { flex-direction: column; } }
.component-11211 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11211:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11211 { flex-direction: column; } }
.component-11212 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11212:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11212 { flex-direction: column; } }
.component-11213 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11213:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11213 { flex-direction: column; } }
.component-11214 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11214:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11214 { flex-direction: column; } }
.component-11215 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11215:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11215 { flex-direction: column; } }
.component-11216 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11216:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11216 { flex-direction: column; } }
.component-11217 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11217:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11217 { flex-direction: column; } }
.component-11218 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11218:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11218 { flex-direction: column; } }
.component-11219 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11219:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11219 { flex-direction: column; } }
.component-11220 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11220:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11220 { flex-direction: column; } }
.component-11221 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11221:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11221 { flex-direction: column; } }
.component-11222 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11222:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11222 { flex-direction: column; } }
.component-11223 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11223:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11223 { flex-direction: column; } }
.component-11224 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11224:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11224 { flex-direction: column; } }
.component-11225 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11225:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11225 { flex-direction: column; } }
.component-11226 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11226:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11226 { flex-direction: column; } }
.component-11227 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11227:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11227 { flex-direction: column; } }
.component-11228 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11228:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11228 { flex-direction: column; } }
.component-11229 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11229:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11229 { flex-direction: column; } }
.component-11230 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11230:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11230 { flex-direction: column; } }
.component-11231 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11231:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11231 { flex-direction: column; } }
.component-11232 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11232:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11232 { flex-direction: column; } }
.component-11233 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11233:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11233 { flex-direction: column; } }
.component-11234 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11234:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11234 { flex-direction: column; } }
.component-11235 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11235:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11235 { flex-direction: column; } }
.component-11236 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11236:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11236 { flex-direction: column; } }
.component-11237 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11237:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11237 { flex-direction: column; } }
.component-11238 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11238:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11238 { flex-direction: column; } }
.component-11239 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11239:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11239 { flex-direction: column; } }
.component-11240 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11240:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11240 { flex-direction: column; } }
.component-11241 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11241:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11241 { flex-direction: column; } }
.component-11242 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11242:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11242 { flex-direction: column; } }
.component-11243 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11243:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11243 { flex-direction: column; } }
.component-11244 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11244:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11244 { flex-direction: column; } }
.component-11245 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11245:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11245 { flex-direction: column; } }
.component-11246 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11246:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11246 { flex-direction: column; } }
.component-11247 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11247:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11247 { flex-direction: column; } }
.component-11248 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11248:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11248 { flex-direction: column; } }
.component-11249 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11249:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11249 { flex-direction: column; } }
.component-11250 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11250:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11250 { flex-direction: column; } }
.component-11251 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11251:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11251 { flex-direction: column; } }
.component-11252 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11252:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11252 { flex-direction: column; } }
.component-11253 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11253:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11253 { flex-direction: column; } }
.component-11254 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11254:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11254 { flex-direction: column; } }
.component-11255 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11255:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11255 { flex-direction: column; } }
.component-11256 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11256:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11256 { flex-direction: column; } }
.component-11257 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11257:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11257 { flex-direction: column; } }
.component-11258 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11258:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11258 { flex-direction: column; } }
.component-11259 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11259:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11259 { flex-direction: column; } }
.component-11260 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11260:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11260 { flex-direction: column; } }
.component-11261 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11261:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11261 { flex-direction: column; } }
.component-11262 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11262:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11262 { flex-direction: column; } }
.component-11263 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11263:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11263 { flex-direction: column; } }
.component-11264 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11264:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11264 { flex-direction: column; } }
.component-11265 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11265:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11265 { flex-direction: column; } }
.component-11266 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11266:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11266 { flex-direction: column; } }
.component-11267 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11267:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11267 { flex-direction: column; } }
.component-11268 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11268:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11268 { flex-direction: column; } }
.component-11269 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11269:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11269 { flex-direction: column; } }
.component-11270 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11270:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11270 { flex-direction: column; } }
.component-11271 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11271:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11271 { flex-direction: column; } }
.component-11272 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11272:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11272 { flex-direction: column; } }
.component-11273 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11273:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11273 { flex-direction: column; } }
.component-11274 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11274:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11274 { flex-direction: column; } }
.component-11275 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11275:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11275 { flex-direction: column; } }
.component-11276 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11276:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11276 { flex-direction: column; } }
.component-11277 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11277:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11277 { flex-direction: column; } }
.component-11278 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11278:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11278 { flex-direction: column; } }
.component-11279 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11279:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11279 { flex-direction: column; } }
.component-11280 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11280:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11280 { flex-direction: column; } }
.component-11281 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11281:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11281 { flex-direction: column; } }
.component-11282 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11282:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11282 { flex-direction: column; } }
.component-11283 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11283:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11283 { flex-direction: column; } }
.component-11284 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11284:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11284 { flex-direction: column; } }
.component-11285 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11285:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11285 { flex-direction: column; } }
.component-11286 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11286:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11286 { flex-direction: column; } }
.component-11287 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11287:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11287 { flex-direction: column; } }
.component-11288 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11288:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11288 { flex-direction: column; } }
.component-11289 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11289:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11289 { flex-direction: column; } }
.component-11290 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11290:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11290 { flex-direction: column; } }
.component-11291 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11291:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11291 { flex-direction: column; } }
.component-11292 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11292:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11292 { flex-direction: column; } }
.component-11293 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11293:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11293 { flex-direction: column; } }
.component-11294 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11294:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11294 { flex-direction: column; } }
.component-11295 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11295:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11295 { flex-direction: column; } }
.component-11296 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11296:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11296 { flex-direction: column; } }
.component-11297 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11297:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11297 { flex-direction: column; } }
.component-11298 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11298:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11298 { flex-direction: column; } }
.component-11299 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11299:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11299 { flex-direction: column; } }
.component-11300 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11300:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11300 { flex-direction: column; } }
.component-11301 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11301:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11301 { flex-direction: column; } }
.component-11302 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11302:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11302 { flex-direction: column; } }
.component-11303 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11303:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11303 { flex-direction: column; } }
.component-11304 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11304:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11304 { flex-direction: column; } }
.component-11305 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11305:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11305 { flex-direction: column; } }
.component-11306 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11306:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11306 { flex-direction: column; } }
.component-11307 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11307:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11307 { flex-direction: column; } }
.component-11308 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11308:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11308 { flex-direction: column; } }
.component-11309 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11309:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11309 { flex-direction: column; } }
.component-11310 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11310:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11310 { flex-direction: column; } }
.component-11311 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11311:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11311 { flex-direction: column; } }
.component-11312 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11312:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11312 { flex-direction: column; } }
.component-11313 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11313:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11313 { flex-direction: column; } }
.component-11314 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11314:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11314 { flex-direction: column; } }
.component-11315 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11315:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11315 { flex-direction: column; } }
.component-11316 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11316:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11316 { flex-direction: column; } }
.component-11317 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11317:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11317 { flex-direction: column; } }
.component-11318 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11318:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11318 { flex-direction: column; } }
.component-11319 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11319:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11319 { flex-direction: column; } }
.component-11320 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11320:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11320 { flex-direction: column; } }
.component-11321 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11321:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11321 { flex-direction: column; } }
.component-11322 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11322:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11322 { flex-direction: column; } }
.component-11323 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11323:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11323 { flex-direction: column; } }
.component-11324 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11324:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11324 { flex-direction: column; } }
.component-11325 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11325:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11325 { flex-direction: column; } }
.component-11326 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11326:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11326 { flex-direction: column; } }
.component-11327 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11327:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11327 { flex-direction: column; } }
.component-11328 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11328:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11328 { flex-direction: column; } }
.component-11329 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11329:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11329 { flex-direction: column; } }
.component-11330 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11330:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11330 { flex-direction: column; } }
.component-11331 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11331:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11331 { flex-direction: column; } }
.component-11332 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11332:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11332 { flex-direction: column; } }
.component-11333 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11333:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11333 { flex-direction: column; } }
.component-11334 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11334:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11334 { flex-direction: column; } }
.component-11335 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11335:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11335 { flex-direction: column; } }
.component-11336 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11336:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11336 { flex-direction: column; } }
.component-11337 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11337:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11337 { flex-direction: column; } }
.component-11338 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11338:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11338 { flex-direction: column; } }
.component-11339 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11339:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11339 { flex-direction: column; } }
.component-11340 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11340:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11340 { flex-direction: column; } }
.component-11341 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11341:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11341 { flex-direction: column; } }
.component-11342 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11342:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11342 { flex-direction: column; } }
.component-11343 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11343:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11343 { flex-direction: column; } }
.component-11344 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11344:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11344 { flex-direction: column; } }
.component-11345 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11345:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11345 { flex-direction: column; } }
.component-11346 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11346:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11346 { flex-direction: column; } }
.component-11347 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11347:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11347 { flex-direction: column; } }
.component-11348 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11348:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11348 { flex-direction: column; } }
.component-11349 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11349:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11349 { flex-direction: column; } }
.component-11350 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11350:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11350 { flex-direction: column; } }
.component-11351 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11351:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11351 { flex-direction: column; } }
.component-11352 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11352:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11352 { flex-direction: column; } }
.component-11353 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11353:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11353 { flex-direction: column; } }
.component-11354 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11354:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11354 { flex-direction: column; } }
.component-11355 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11355:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11355 { flex-direction: column; } }
.component-11356 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11356:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11356 { flex-direction: column; } }
.component-11357 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11357:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11357 { flex-direction: column; } }
.component-11358 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11358:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11358 { flex-direction: column; } }
.component-11359 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11359:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11359 { flex-direction: column; } }
.component-11360 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11360:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11360 { flex-direction: column; } }
.component-11361 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11361:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11361 { flex-direction: column; } }
.component-11362 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11362:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11362 { flex-direction: column; } }
.component-11363 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11363:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11363 { flex-direction: column; } }
.component-11364 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11364:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11364 { flex-direction: column; } }
.component-11365 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11365:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11365 { flex-direction: column; } }
.component-11366 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11366:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11366 { flex-direction: column; } }
.component-11367 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11367:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11367 { flex-direction: column; } }
.component-11368 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11368:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11368 { flex-direction: column; } }
.component-11369 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11369:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11369 { flex-direction: column; } }
.component-11370 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11370:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11370 { flex-direction: column; } }
.component-11371 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11371:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11371 { flex-direction: column; } }
.component-11372 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11372:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11372 { flex-direction: column; } }
.component-11373 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11373:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11373 { flex-direction: column; } }
.component-11374 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11374:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11374 { flex-direction: column; } }
.component-11375 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11375:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11375 { flex-direction: column; } }
.component-11376 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11376:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11376 { flex-direction: column; } }
.component-11377 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11377:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11377 { flex-direction: column; } }
.component-11378 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11378:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11378 { flex-direction: column; } }
.component-11379 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11379:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11379 { flex-direction: column; } }
.component-11380 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11380:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11380 { flex-direction: column; } }
.component-11381 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11381:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11381 { flex-direction: column; } }
.component-11382 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11382:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11382 { flex-direction: column; } }
.component-11383 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11383:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11383 { flex-direction: column; } }
.component-11384 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11384:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11384 { flex-direction: column; } }
.component-11385 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11385:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11385 { flex-direction: column; } }
.component-11386 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11386:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11386 { flex-direction: column; } }
.component-11387 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11387:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11387 { flex-direction: column; } }
.component-11388 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11388:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11388 { flex-direction: column; } }
.component-11389 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11389:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11389 { flex-direction: column; } }
.component-11390 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11390:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11390 { flex-direction: column; } }
.component-11391 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11391:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11391 { flex-direction: column; } }
.component-11392 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11392:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11392 { flex-direction: column; } }
.component-11393 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11393:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11393 { flex-direction: column; } }
.component-11394 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11394:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11394 { flex-direction: column; } }
.component-11395 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11395:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11395 { flex-direction: column; } }
.component-11396 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11396:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11396 { flex-direction: column; } }
.component-11397 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11397:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11397 { flex-direction: column; } }
.component-11398 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11398:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11398 { flex-direction: column; } }
.component-11399 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11399:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11399 { flex-direction: column; } }
.component-11400 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11400:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11400 { flex-direction: column; } }
.component-11401 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11401:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11401 { flex-direction: column; } }
.component-11402 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11402:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11402 { flex-direction: column; } }
.component-11403 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11403:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11403 { flex-direction: column; } }
.component-11404 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11404:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11404 { flex-direction: column; } }
.component-11405 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11405:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11405 { flex-direction: column; } }
.component-11406 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11406:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11406 { flex-direction: column; } }
.component-11407 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11407:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11407 { flex-direction: column; } }
.component-11408 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11408:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11408 { flex-direction: column; } }
.component-11409 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11409:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11409 { flex-direction: column; } }
.component-11410 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11410:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11410 { flex-direction: column; } }
.component-11411 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11411:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11411 { flex-direction: column; } }
.component-11412 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11412:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11412 { flex-direction: column; } }
.component-11413 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11413:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11413 { flex-direction: column; } }
.component-11414 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11414:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11414 { flex-direction: column; } }
.component-11415 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11415:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11415 { flex-direction: column; } }
.component-11416 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11416:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11416 { flex-direction: column; } }
.component-11417 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11417:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11417 { flex-direction: column; } }
.component-11418 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11418:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11418 { flex-direction: column; } }
.component-11419 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11419:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11419 { flex-direction: column; } }
.component-11420 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11420:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11420 { flex-direction: column; } }
.component-11421 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11421:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11421 { flex-direction: column; } }
.component-11422 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11422:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11422 { flex-direction: column; } }
.component-11423 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11423:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11423 { flex-direction: column; } }
.component-11424 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11424:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11424 { flex-direction: column; } }
.component-11425 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11425:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11425 { flex-direction: column; } }
.component-11426 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11426:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11426 { flex-direction: column; } }
.component-11427 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11427:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11427 { flex-direction: column; } }
.component-11428 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11428:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11428 { flex-direction: column; } }
.component-11429 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11429:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11429 { flex-direction: column; } }
.component-11430 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11430:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11430 { flex-direction: column; } }
.component-11431 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11431:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11431 { flex-direction: column; } }
.component-11432 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11432:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11432 { flex-direction: column; } }
.component-11433 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11433:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11433 { flex-direction: column; } }
.component-11434 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11434:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11434 { flex-direction: column; } }
.component-11435 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11435:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11435 { flex-direction: column; } }
.component-11436 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11436:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11436 { flex-direction: column; } }
.component-11437 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11437:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11437 { flex-direction: column; } }
.component-11438 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11438:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11438 { flex-direction: column; } }
.component-11439 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11439:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11439 { flex-direction: column; } }
.component-11440 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11440:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11440 { flex-direction: column; } }
.component-11441 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11441:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11441 { flex-direction: column; } }
.component-11442 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11442:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11442 { flex-direction: column; } }
.component-11443 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11443:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11443 { flex-direction: column; } }
.component-11444 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11444:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11444 { flex-direction: column; } }
.component-11445 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11445:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11445 { flex-direction: column; } }
.component-11446 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11446:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11446 { flex-direction: column; } }
.component-11447 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11447:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11447 { flex-direction: column; } }
.component-11448 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11448:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11448 { flex-direction: column; } }
.component-11449 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11449:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11449 { flex-direction: column; } }
.component-11450 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11450:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11450 { flex-direction: column; } }
.component-11451 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11451:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11451 { flex-direction: column; } }
.component-11452 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11452:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11452 { flex-direction: column; } }
.component-11453 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11453:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11453 { flex-direction: column; } }
.component-11454 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11454:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11454 { flex-direction: column; } }
.component-11455 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11455:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11455 { flex-direction: column; } }
.component-11456 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11456:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11456 { flex-direction: column; } }
.component-11457 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11457:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11457 { flex-direction: column; } }
.component-11458 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11458:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11458 { flex-direction: column; } }
.component-11459 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11459:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11459 { flex-direction: column; } }
.component-11460 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11460:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11460 { flex-direction: column; } }
.component-11461 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11461:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11461 { flex-direction: column; } }
.component-11462 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11462:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11462 { flex-direction: column; } }
.component-11463 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11463:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11463 { flex-direction: column; } }
.component-11464 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11464:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11464 { flex-direction: column; } }
.component-11465 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11465:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11465 { flex-direction: column; } }
.component-11466 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11466:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11466 { flex-direction: column; } }
.component-11467 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11467:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11467 { flex-direction: column; } }
.component-11468 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11468:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11468 { flex-direction: column; } }
.component-11469 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11469:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11469 { flex-direction: column; } }
.component-11470 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11470:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11470 { flex-direction: column; } }
.component-11471 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11471:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11471 { flex-direction: column; } }
.component-11472 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11472:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11472 { flex-direction: column; } }
.component-11473 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11473:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11473 { flex-direction: column; } }
.component-11474 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11474:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11474 { flex-direction: column; } }
.component-11475 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11475:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11475 { flex-direction: column; } }
.component-11476 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11476:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11476 { flex-direction: column; } }
.component-11477 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11477:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11477 { flex-direction: column; } }
.component-11478 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11478:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11478 { flex-direction: column; } }
.component-11479 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11479:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11479 { flex-direction: column; } }
.component-11480 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11480:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11480 { flex-direction: column; } }
.component-11481 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11481:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11481 { flex-direction: column; } }
.component-11482 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11482:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11482 { flex-direction: column; } }
.component-11483 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11483:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11483 { flex-direction: column; } }
.component-11484 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11484:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11484 { flex-direction: column; } }
.component-11485 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11485:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11485 { flex-direction: column; } }
.component-11486 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11486:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11486 { flex-direction: column; } }
.component-11487 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11487:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11487 { flex-direction: column; } }
.component-11488 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11488:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11488 { flex-direction: column; } }
.component-11489 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11489:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11489 { flex-direction: column; } }
.component-11490 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11490:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11490 { flex-direction: column; } }
.component-11491 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11491:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11491 { flex-direction: column; } }
.component-11492 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11492:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11492 { flex-direction: column; } }
.component-11493 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11493:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11493 { flex-direction: column; } }
.component-11494 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11494:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11494 { flex-direction: column; } }
.component-11495 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11495:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11495 { flex-direction: column; } }
.component-11496 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11496:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11496 { flex-direction: column; } }
.component-11497 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11497:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11497 { flex-direction: column; } }
.component-11498 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11498:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11498 { flex-direction: column; } }
.component-11499 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11499:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11499 { flex-direction: column; } }
.component-11500 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11500:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11500 { flex-direction: column; } }
.component-11501 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11501:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11501 { flex-direction: column; } }
.component-11502 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11502:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11502 { flex-direction: column; } }
.component-11503 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11503:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11503 { flex-direction: column; } }
.component-11504 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11504:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11504 { flex-direction: column; } }
.component-11505 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11505:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11505 { flex-direction: column; } }
.component-11506 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11506:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11506 { flex-direction: column; } }
.component-11507 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11507:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11507 { flex-direction: column; } }
.component-11508 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11508:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11508 { flex-direction: column; } }
.component-11509 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11509:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11509 { flex-direction: column; } }
.component-11510 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11510:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11510 { flex-direction: column; } }
.component-11511 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11511:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11511 { flex-direction: column; } }
.component-11512 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11512:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11512 { flex-direction: column; } }
.component-11513 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11513:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11513 { flex-direction: column; } }
.component-11514 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11514:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11514 { flex-direction: column; } }
.component-11515 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11515:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11515 { flex-direction: column; } }
.component-11516 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11516:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11516 { flex-direction: column; } }
.component-11517 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11517:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11517 { flex-direction: column; } }
.component-11518 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11518:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11518 { flex-direction: column; } }
.component-11519 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11519:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11519 { flex-direction: column; } }
.component-11520 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11520:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11520 { flex-direction: column; } }
.component-11521 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11521:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11521 { flex-direction: column; } }
.component-11522 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11522:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11522 { flex-direction: column; } }
.component-11523 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11523:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11523 { flex-direction: column; } }
.component-11524 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11524:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11524 { flex-direction: column; } }
.component-11525 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11525:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11525 { flex-direction: column; } }
.component-11526 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11526:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11526 { flex-direction: column; } }
.component-11527 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11527:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11527 { flex-direction: column; } }
.component-11528 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11528:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11528 { flex-direction: column; } }
.component-11529 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11529:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11529 { flex-direction: column; } }
.component-11530 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11530:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11530 { flex-direction: column; } }
.component-11531 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11531:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11531 { flex-direction: column; } }
.component-11532 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11532:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11532 { flex-direction: column; } }
.component-11533 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11533:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11533 { flex-direction: column; } }
.component-11534 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11534:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11534 { flex-direction: column; } }
.component-11535 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11535:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11535 { flex-direction: column; } }
.component-11536 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11536:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11536 { flex-direction: column; } }
.component-11537 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11537:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11537 { flex-direction: column; } }
.component-11538 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11538:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11538 { flex-direction: column; } }
.component-11539 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11539:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11539 { flex-direction: column; } }
.component-11540 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11540:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11540 { flex-direction: column; } }
.component-11541 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11541:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11541 { flex-direction: column; } }
.component-11542 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11542:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11542 { flex-direction: column; } }
.component-11543 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11543:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11543 { flex-direction: column; } }
.component-11544 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11544:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11544 { flex-direction: column; } }
.component-11545 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11545:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11545 { flex-direction: column; } }
.component-11546 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11546:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11546 { flex-direction: column; } }
.component-11547 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11547:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11547 { flex-direction: column; } }
.component-11548 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11548:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11548 { flex-direction: column; } }
.component-11549 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11549:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11549 { flex-direction: column; } }
.component-11550 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11550:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11550 { flex-direction: column; } }
.component-11551 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11551:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11551 { flex-direction: column; } }
.component-11552 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11552:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11552 { flex-direction: column; } }
.component-11553 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11553:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11553 { flex-direction: column; } }
.component-11554 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11554:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11554 { flex-direction: column; } }
.component-11555 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11555:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11555 { flex-direction: column; } }
.component-11556 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11556:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11556 { flex-direction: column; } }
.component-11557 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11557:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11557 { flex-direction: column; } }
.component-11558 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11558:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11558 { flex-direction: column; } }
.component-11559 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11559:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11559 { flex-direction: column; } }
.component-11560 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11560:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11560 { flex-direction: column; } }
.component-11561 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11561:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11561 { flex-direction: column; } }
.component-11562 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11562:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11562 { flex-direction: column; } }
.component-11563 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11563:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11563 { flex-direction: column; } }
.component-11564 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11564:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11564 { flex-direction: column; } }
.component-11565 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11565:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11565 { flex-direction: column; } }
.component-11566 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11566:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11566 { flex-direction: column; } }
.component-11567 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11567:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11567 { flex-direction: column; } }
.component-11568 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11568:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11568 { flex-direction: column; } }
.component-11569 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11569:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11569 { flex-direction: column; } }
.component-11570 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11570:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11570 { flex-direction: column; } }
.component-11571 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11571:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11571 { flex-direction: column; } }
.component-11572 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11572:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11572 { flex-direction: column; } }
.component-11573 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11573:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11573 { flex-direction: column; } }
.component-11574 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11574:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11574 { flex-direction: column; } }
.component-11575 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11575:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11575 { flex-direction: column; } }
.component-11576 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11576:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11576 { flex-direction: column; } }
.component-11577 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11577:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11577 { flex-direction: column; } }
.component-11578 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11578:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11578 { flex-direction: column; } }
.component-11579 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11579:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11579 { flex-direction: column; } }
.component-11580 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11580:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11580 { flex-direction: column; } }
.component-11581 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11581:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11581 { flex-direction: column; } }
.component-11582 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11582:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11582 { flex-direction: column; } }
.component-11583 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11583:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11583 { flex-direction: column; } }
.component-11584 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11584:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11584 { flex-direction: column; } }
.component-11585 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11585:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11585 { flex-direction: column; } }
.component-11586 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11586:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11586 { flex-direction: column; } }
.component-11587 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11587:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11587 { flex-direction: column; } }
.component-11588 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11588:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11588 { flex-direction: column; } }
.component-11589 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11589:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11589 { flex-direction: column; } }
.component-11590 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11590:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11590 { flex-direction: column; } }
.component-11591 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11591:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11591 { flex-direction: column; } }
.component-11592 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11592:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11592 { flex-direction: column; } }
.component-11593 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11593:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11593 { flex-direction: column; } }
.component-11594 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11594:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11594 { flex-direction: column; } }
.component-11595 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11595:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11595 { flex-direction: column; } }
.component-11596 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11596:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11596 { flex-direction: column; } }
.component-11597 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11597:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11597 { flex-direction: column; } }
.component-11598 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11598:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11598 { flex-direction: column; } }
.component-11599 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11599:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11599 { flex-direction: column; } }
.component-11600 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11600:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11600 { flex-direction: column; } }
.component-11601 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11601:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11601 { flex-direction: column; } }
.component-11602 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11602:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11602 { flex-direction: column; } }
.component-11603 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11603:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11603 { flex-direction: column; } }
.component-11604 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11604:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11604 { flex-direction: column; } }
.component-11605 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11605:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11605 { flex-direction: column; } }
.component-11606 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11606:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11606 { flex-direction: column; } }
.component-11607 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11607:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11607 { flex-direction: column; } }
.component-11608 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11608:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11608 { flex-direction: column; } }
.component-11609 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11609:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11609 { flex-direction: column; } }
.component-11610 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11610:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11610 { flex-direction: column; } }
.component-11611 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11611:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11611 { flex-direction: column; } }
.component-11612 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11612:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11612 { flex-direction: column; } }
.component-11613 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11613:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11613 { flex-direction: column; } }
.component-11614 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11614:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11614 { flex-direction: column; } }
.component-11615 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11615:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11615 { flex-direction: column; } }
.component-11616 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11616:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11616 { flex-direction: column; } }
.component-11617 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11617:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11617 { flex-direction: column; } }
.component-11618 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11618:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11618 { flex-direction: column; } }
.component-11619 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11619:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11619 { flex-direction: column; } }
.component-11620 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11620:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11620 { flex-direction: column; } }
.component-11621 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11621:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11621 { flex-direction: column; } }
.component-11622 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11622:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11622 { flex-direction: column; } }
.component-11623 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11623:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11623 { flex-direction: column; } }
.component-11624 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11624:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11624 { flex-direction: column; } }
.component-11625 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11625:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11625 { flex-direction: column; } }
.component-11626 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11626:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11626 { flex-direction: column; } }
.component-11627 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11627:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11627 { flex-direction: column; } }
.component-11628 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11628:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11628 { flex-direction: column; } }
.component-11629 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11629:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11629 { flex-direction: column; } }
.component-11630 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11630:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11630 { flex-direction: column; } }
.component-11631 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11631:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11631 { flex-direction: column; } }
.component-11632 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11632:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11632 { flex-direction: column; } }
.component-11633 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11633:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11633 { flex-direction: column; } }
.component-11634 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11634:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11634 { flex-direction: column; } }
.component-11635 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11635:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11635 { flex-direction: column; } }
.component-11636 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11636:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11636 { flex-direction: column; } }
.component-11637 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11637:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11637 { flex-direction: column; } }
.component-11638 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11638:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11638 { flex-direction: column; } }
.component-11639 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11639:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11639 { flex-direction: column; } }
.component-11640 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11640:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11640 { flex-direction: column; } }
.component-11641 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11641:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11641 { flex-direction: column; } }
.component-11642 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11642:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11642 { flex-direction: column; } }
.component-11643 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11643:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11643 { flex-direction: column; } }
.component-11644 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11644:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11644 { flex-direction: column; } }
.component-11645 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11645:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11645 { flex-direction: column; } }
.component-11646 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11646:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11646 { flex-direction: column; } }
.component-11647 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11647:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11647 { flex-direction: column; } }
.component-11648 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11648:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11648 { flex-direction: column; } }
.component-11649 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11649:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11649 { flex-direction: column; } }
.component-11650 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11650:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11650 { flex-direction: column; } }
.component-11651 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11651:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11651 { flex-direction: column; } }
.component-11652 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11652:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11652 { flex-direction: column; } }
.component-11653 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11653:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11653 { flex-direction: column; } }
.component-11654 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11654:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11654 { flex-direction: column; } }
.component-11655 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11655:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11655 { flex-direction: column; } }
.component-11656 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11656:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11656 { flex-direction: column; } }
.component-11657 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11657:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11657 { flex-direction: column; } }
.component-11658 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11658:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11658 { flex-direction: column; } }
.component-11659 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11659:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11659 { flex-direction: column; } }
.component-11660 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11660:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11660 { flex-direction: column; } }
.component-11661 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11661:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11661 { flex-direction: column; } }
.component-11662 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11662:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11662 { flex-direction: column; } }
.component-11663 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11663:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11663 { flex-direction: column; } }
.component-11664 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11664:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11664 { flex-direction: column; } }
.component-11665 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11665:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11665 { flex-direction: column; } }
.component-11666 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11666:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11666 { flex-direction: column; } }
.component-11667 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11667:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11667 { flex-direction: column; } }
.component-11668 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11668:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11668 { flex-direction: column; } }
.component-11669 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11669:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11669 { flex-direction: column; } }
.component-11670 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11670:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11670 { flex-direction: column; } }
.component-11671 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11671:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11671 { flex-direction: column; } }
.component-11672 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11672:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11672 { flex-direction: column; } }
.component-11673 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11673:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11673 { flex-direction: column; } }
.component-11674 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11674:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11674 { flex-direction: column; } }
.component-11675 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11675:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11675 { flex-direction: column; } }
.component-11676 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11676:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11676 { flex-direction: column; } }
.component-11677 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11677:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11677 { flex-direction: column; } }
.component-11678 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11678:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11678 { flex-direction: column; } }
.component-11679 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11679:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11679 { flex-direction: column; } }
.component-11680 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11680:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11680 { flex-direction: column; } }
.component-11681 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11681:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11681 { flex-direction: column; } }
.component-11682 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11682:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11682 { flex-direction: column; } }
.component-11683 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11683:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11683 { flex-direction: column; } }
.component-11684 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11684:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11684 { flex-direction: column; } }
.component-11685 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11685:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11685 { flex-direction: column; } }
.component-11686 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11686:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11686 { flex-direction: column; } }
.component-11687 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11687:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11687 { flex-direction: column; } }
.component-11688 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11688:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11688 { flex-direction: column; } }
.component-11689 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11689:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11689 { flex-direction: column; } }
.component-11690 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11690:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11690 { flex-direction: column; } }
.component-11691 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11691:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11691 { flex-direction: column; } }
.component-11692 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11692:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11692 { flex-direction: column; } }
.component-11693 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11693:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11693 { flex-direction: column; } }
.component-11694 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11694:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11694 { flex-direction: column; } }
.component-11695 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11695:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11695 { flex-direction: column; } }
.component-11696 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11696:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11696 { flex-direction: column; } }
.component-11697 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11697:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11697 { flex-direction: column; } }
.component-11698 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11698:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11698 { flex-direction: column; } }
.component-11699 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11699:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11699 { flex-direction: column; } }
.component-11700 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11700:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11700 { flex-direction: column; } }
.component-11701 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11701:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11701 { flex-direction: column; } }
.component-11702 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11702:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11702 { flex-direction: column; } }
.component-11703 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11703:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11703 { flex-direction: column; } }
.component-11704 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11704:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11704 { flex-direction: column; } }
.component-11705 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11705:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11705 { flex-direction: column; } }
.component-11706 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11706:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11706 { flex-direction: column; } }
.component-11707 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11707:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11707 { flex-direction: column; } }
.component-11708 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11708:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11708 { flex-direction: column; } }
.component-11709 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11709:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11709 { flex-direction: column; } }
.component-11710 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11710:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11710 { flex-direction: column; } }
.component-11711 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11711:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11711 { flex-direction: column; } }
.component-11712 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11712:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11712 { flex-direction: column; } }
.component-11713 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11713:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11713 { flex-direction: column; } }
.component-11714 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11714:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11714 { flex-direction: column; } }
.component-11715 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11715:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11715 { flex-direction: column; } }
.component-11716 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11716:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11716 { flex-direction: column; } }
.component-11717 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11717:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11717 { flex-direction: column; } }
.component-11718 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11718:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11718 { flex-direction: column; } }
.component-11719 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11719:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11719 { flex-direction: column; } }
.component-11720 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11720:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11720 { flex-direction: column; } }
.component-11721 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11721:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11721 { flex-direction: column; } }
.component-11722 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11722:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11722 { flex-direction: column; } }
.component-11723 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11723:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11723 { flex-direction: column; } }
.component-11724 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11724:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11724 { flex-direction: column; } }
.component-11725 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11725:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11725 { flex-direction: column; } }
.component-11726 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11726:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11726 { flex-direction: column; } }
.component-11727 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11727:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11727 { flex-direction: column; } }
.component-11728 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11728:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11728 { flex-direction: column; } }
.component-11729 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11729:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11729 { flex-direction: column; } }
.component-11730 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11730:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11730 { flex-direction: column; } }
.component-11731 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11731:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11731 { flex-direction: column; } }
.component-11732 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11732:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11732 { flex-direction: column; } }
.component-11733 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11733:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11733 { flex-direction: column; } }
.component-11734 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11734:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11734 { flex-direction: column; } }
.component-11735 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11735:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11735 { flex-direction: column; } }
.component-11736 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11736:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11736 { flex-direction: column; } }
.component-11737 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11737:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11737 { flex-direction: column; } }
.component-11738 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11738:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11738 { flex-direction: column; } }
.component-11739 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11739:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11739 { flex-direction: column; } }
.component-11740 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11740:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11740 { flex-direction: column; } }
.component-11741 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11741:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11741 { flex-direction: column; } }
.component-11742 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11742:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11742 { flex-direction: column; } }
.component-11743 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11743:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11743 { flex-direction: column; } }
.component-11744 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11744:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11744 { flex-direction: column; } }
.component-11745 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11745:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11745 { flex-direction: column; } }
.component-11746 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11746:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11746 { flex-direction: column; } }
.component-11747 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11747:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11747 { flex-direction: column; } }
.component-11748 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11748:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11748 { flex-direction: column; } }
.component-11749 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11749:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11749 { flex-direction: column; } }
.component-11750 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11750:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11750 { flex-direction: column; } }
.component-11751 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11751:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11751 { flex-direction: column; } }
.component-11752 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11752:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11752 { flex-direction: column; } }
.component-11753 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11753:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11753 { flex-direction: column; } }
.component-11754 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11754:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11754 { flex-direction: column; } }
.component-11755 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11755:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11755 { flex-direction: column; } }
.component-11756 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11756:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11756 { flex-direction: column; } }
.component-11757 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11757:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11757 { flex-direction: column; } }
.component-11758 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11758:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11758 { flex-direction: column; } }
.component-11759 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11759:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11759 { flex-direction: column; } }
.component-11760 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11760:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11760 { flex-direction: column; } }
.component-11761 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11761:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11761 { flex-direction: column; } }
.component-11762 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11762:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11762 { flex-direction: column; } }
.component-11763 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11763:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11763 { flex-direction: column; } }
.component-11764 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11764:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11764 { flex-direction: column; } }
.component-11765 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11765:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11765 { flex-direction: column; } }
.component-11766 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11766:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11766 { flex-direction: column; } }
.component-11767 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11767:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11767 { flex-direction: column; } }
.component-11768 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11768:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11768 { flex-direction: column; } }
.component-11769 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11769:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11769 { flex-direction: column; } }
.component-11770 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11770:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11770 { flex-direction: column; } }
.component-11771 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11771:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11771 { flex-direction: column; } }
.component-11772 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11772:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11772 { flex-direction: column; } }
.component-11773 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11773:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11773 { flex-direction: column; } }
.component-11774 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11774:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11774 { flex-direction: column; } }
.component-11775 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11775:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11775 { flex-direction: column; } }
.component-11776 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11776:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11776 { flex-direction: column; } }
.component-11777 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11777:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11777 { flex-direction: column; } }
.component-11778 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11778:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11778 { flex-direction: column; } }
.component-11779 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11779:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11779 { flex-direction: column; } }
.component-11780 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11780:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11780 { flex-direction: column; } }
.component-11781 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11781:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11781 { flex-direction: column; } }
.component-11782 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11782:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11782 { flex-direction: column; } }
.component-11783 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11783:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11783 { flex-direction: column; } }
.component-11784 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11784:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11784 { flex-direction: column; } }
.component-11785 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11785:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11785 { flex-direction: column; } }
.component-11786 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11786:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11786 { flex-direction: column; } }
.component-11787 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11787:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11787 { flex-direction: column; } }
.component-11788 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11788:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11788 { flex-direction: column; } }
.component-11789 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11789:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11789 { flex-direction: column; } }
.component-11790 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11790:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11790 { flex-direction: column; } }
.component-11791 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11791:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11791 { flex-direction: column; } }
.component-11792 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11792:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11792 { flex-direction: column; } }
.component-11793 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11793:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11793 { flex-direction: column; } }
.component-11794 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11794:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11794 { flex-direction: column; } }
.component-11795 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11795:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11795 { flex-direction: column; } }
.component-11796 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11796:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11796 { flex-direction: column; } }
.component-11797 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11797:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11797 { flex-direction: column; } }
.component-11798 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11798:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11798 { flex-direction: column; } }
.component-11799 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11799:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11799 { flex-direction: column; } }
.component-11800 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11800:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11800 { flex-direction: column; } }
.component-11801 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11801:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11801 { flex-direction: column; } }
.component-11802 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11802:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11802 { flex-direction: column; } }
.component-11803 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11803:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11803 { flex-direction: column; } }
.component-11804 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11804:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11804 { flex-direction: column; } }
.component-11805 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11805:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11805 { flex-direction: column; } }
.component-11806 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11806:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11806 { flex-direction: column; } }
.component-11807 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11807:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11807 { flex-direction: column; } }
.component-11808 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11808:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11808 { flex-direction: column; } }
.component-11809 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11809:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11809 { flex-direction: column; } }
.component-11810 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11810:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11810 { flex-direction: column; } }
.component-11811 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11811:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11811 { flex-direction: column; } }
.component-11812 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11812:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11812 { flex-direction: column; } }
.component-11813 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11813:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11813 { flex-direction: column; } }
.component-11814 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11814:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11814 { flex-direction: column; } }
.component-11815 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11815:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11815 { flex-direction: column; } }
.component-11816 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11816:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11816 { flex-direction: column; } }
.component-11817 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11817:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11817 { flex-direction: column; } }
.component-11818 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11818:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11818 { flex-direction: column; } }
.component-11819 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11819:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11819 { flex-direction: column; } }
.component-11820 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11820:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11820 { flex-direction: column; } }
.component-11821 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11821:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11821 { flex-direction: column; } }
.component-11822 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11822:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11822 { flex-direction: column; } }
.component-11823 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11823:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11823 { flex-direction: column; } }
.component-11824 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11824:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11824 { flex-direction: column; } }
.component-11825 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11825:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11825 { flex-direction: column; } }
.component-11826 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11826:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11826 { flex-direction: column; } }
.component-11827 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11827:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11827 { flex-direction: column; } }
.component-11828 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11828:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11828 { flex-direction: column; } }
.component-11829 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11829:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11829 { flex-direction: column; } }
.component-11830 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11830:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11830 { flex-direction: column; } }
.component-11831 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11831:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11831 { flex-direction: column; } }
.component-11832 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11832:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11832 { flex-direction: column; } }
.component-11833 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11833:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11833 { flex-direction: column; } }
.component-11834 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11834:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11834 { flex-direction: column; } }
.component-11835 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11835:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11835 { flex-direction: column; } }
.component-11836 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11836:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11836 { flex-direction: column; } }
.component-11837 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11837:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11837 { flex-direction: column; } }
.component-11838 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11838:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11838 { flex-direction: column; } }
.component-11839 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11839:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11839 { flex-direction: column; } }
.component-11840 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11840:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11840 { flex-direction: column; } }
.component-11841 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11841:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11841 { flex-direction: column; } }
.component-11842 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11842:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11842 { flex-direction: column; } }
.component-11843 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11843:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11843 { flex-direction: column; } }
.component-11844 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11844:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11844 { flex-direction: column; } }
.component-11845 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11845:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11845 { flex-direction: column; } }
.component-11846 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11846:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11846 { flex-direction: column; } }
.component-11847 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11847:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11847 { flex-direction: column; } }
.component-11848 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11848:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11848 { flex-direction: column; } }
.component-11849 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11849:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11849 { flex-direction: column; } }
.component-11850 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11850:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11850 { flex-direction: column; } }
.component-11851 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11851:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11851 { flex-direction: column; } }
.component-11852 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11852:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11852 { flex-direction: column; } }
.component-11853 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11853:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11853 { flex-direction: column; } }
.component-11854 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11854:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11854 { flex-direction: column; } }
.component-11855 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11855:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11855 { flex-direction: column; } }
.component-11856 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11856:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11856 { flex-direction: column; } }
.component-11857 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11857:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11857 { flex-direction: column; } }
.component-11858 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11858:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11858 { flex-direction: column; } }
.component-11859 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11859:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11859 { flex-direction: column; } }
.component-11860 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11860:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11860 { flex-direction: column; } }
.component-11861 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11861:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11861 { flex-direction: column; } }
.component-11862 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11862:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11862 { flex-direction: column; } }
.component-11863 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11863:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11863 { flex-direction: column; } }
.component-11864 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11864:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11864 { flex-direction: column; } }
.component-11865 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11865:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11865 { flex-direction: column; } }
.component-11866 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11866:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11866 { flex-direction: column; } }
.component-11867 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11867:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11867 { flex-direction: column; } }
.component-11868 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11868:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11868 { flex-direction: column; } }
.component-11869 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11869:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11869 { flex-direction: column; } }
.component-11870 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11870:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11870 { flex-direction: column; } }
.component-11871 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11871:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11871 { flex-direction: column; } }
.component-11872 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11872:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11872 { flex-direction: column; } }
.component-11873 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11873:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11873 { flex-direction: column; } }
.component-11874 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11874:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11874 { flex-direction: column; } }
.component-11875 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11875:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11875 { flex-direction: column; } }
.component-11876 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11876:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11876 { flex-direction: column; } }
.component-11877 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11877:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11877 { flex-direction: column; } }
.component-11878 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11878:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11878 { flex-direction: column; } }
.component-11879 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11879:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11879 { flex-direction: column; } }
.component-11880 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11880:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11880 { flex-direction: column; } }
.component-11881 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11881:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11881 { flex-direction: column; } }
.component-11882 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11882:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11882 { flex-direction: column; } }
.component-11883 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11883:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11883 { flex-direction: column; } }
.component-11884 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11884:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11884 { flex-direction: column; } }
.component-11885 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11885:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11885 { flex-direction: column; } }
.component-11886 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11886:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11886 { flex-direction: column; } }
.component-11887 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11887:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11887 { flex-direction: column; } }
.component-11888 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11888:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11888 { flex-direction: column; } }
.component-11889 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11889:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11889 { flex-direction: column; } }
.component-11890 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11890:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11890 { flex-direction: column; } }
.component-11891 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11891:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11891 { flex-direction: column; } }
.component-11892 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11892:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11892 { flex-direction: column; } }
.component-11893 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11893:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11893 { flex-direction: column; } }
.component-11894 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11894:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11894 { flex-direction: column; } }
.component-11895 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11895:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11895 { flex-direction: column; } }
.component-11896 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11896:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11896 { flex-direction: column; } }
.component-11897 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11897:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11897 { flex-direction: column; } }
.component-11898 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11898:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11898 { flex-direction: column; } }
.component-11899 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11899:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11899 { flex-direction: column; } }
.component-11900 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11900:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11900 { flex-direction: column; } }
.component-11901 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11901:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11901 { flex-direction: column; } }
.component-11902 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11902:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11902 { flex-direction: column; } }
.component-11903 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11903:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11903 { flex-direction: column; } }
.component-11904 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11904:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11904 { flex-direction: column; } }
.component-11905 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11905:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11905 { flex-direction: column; } }
.component-11906 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11906:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11906 { flex-direction: column; } }
.component-11907 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11907:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11907 { flex-direction: column; } }
.component-11908 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11908:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11908 { flex-direction: column; } }
.component-11909 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11909:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11909 { flex-direction: column; } }
.component-11910 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11910:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11910 { flex-direction: column; } }
.component-11911 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11911:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11911 { flex-direction: column; } }
.component-11912 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11912:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11912 { flex-direction: column; } }
.component-11913 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11913:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11913 { flex-direction: column; } }
.component-11914 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11914:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11914 { flex-direction: column; } }
.component-11915 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11915:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11915 { flex-direction: column; } }
.component-11916 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11916:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11916 { flex-direction: column; } }
.component-11917 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11917:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11917 { flex-direction: column; } }
.component-11918 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11918:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11918 { flex-direction: column; } }
.component-11919 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11919:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11919 { flex-direction: column; } }
.component-11920 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11920:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11920 { flex-direction: column; } }
.component-11921 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11921:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11921 { flex-direction: column; } }
.component-11922 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11922:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11922 { flex-direction: column; } }
.component-11923 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11923:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11923 { flex-direction: column; } }
.component-11924 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11924:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11924 { flex-direction: column; } }
.component-11925 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11925:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11925 { flex-direction: column; } }
.component-11926 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11926:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11926 { flex-direction: column; } }
.component-11927 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11927:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11927 { flex-direction: column; } }
.component-11928 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11928:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11928 { flex-direction: column; } }
.component-11929 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11929:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11929 { flex-direction: column; } }
.component-11930 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11930:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11930 { flex-direction: column; } }
.component-11931 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11931:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11931 { flex-direction: column; } }
.component-11932 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11932:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11932 { flex-direction: column; } }
.component-11933 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11933:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11933 { flex-direction: column; } }
.component-11934 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11934:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11934 { flex-direction: column; } }
.component-11935 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11935:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11935 { flex-direction: column; } }
.component-11936 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11936:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11936 { flex-direction: column; } }
.component-11937 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11937:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11937 { flex-direction: column; } }
.component-11938 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11938:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11938 { flex-direction: column; } }
.component-11939 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11939:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11939 { flex-direction: column; } }
.component-11940 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11940:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11940 { flex-direction: column; } }
.component-11941 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11941:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11941 { flex-direction: column; } }
.component-11942 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11942:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11942 { flex-direction: column; } }
.component-11943 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11943:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11943 { flex-direction: column; } }
.component-11944 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11944:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11944 { flex-direction: column; } }
.component-11945 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11945:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11945 { flex-direction: column; } }
.component-11946 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11946:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11946 { flex-direction: column; } }
.component-11947 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11947:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11947 { flex-direction: column; } }
.component-11948 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11948:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11948 { flex-direction: column; } }
.component-11949 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11949:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11949 { flex-direction: column; } }
.component-11950 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11950:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11950 { flex-direction: column; } }
.component-11951 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11951:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11951 { flex-direction: column; } }
.component-11952 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11952:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11952 { flex-direction: column; } }
.component-11953 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11953:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11953 { flex-direction: column; } }
.component-11954 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11954:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11954 { flex-direction: column; } }
.component-11955 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11955:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11955 { flex-direction: column; } }
.component-11956 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11956:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11956 { flex-direction: column; } }
.component-11957 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11957:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11957 { flex-direction: column; } }
.component-11958 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11958:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11958 { flex-direction: column; } }
.component-11959 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11959:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11959 { flex-direction: column; } }
.component-11960 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11960:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11960 { flex-direction: column; } }
.component-11961 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11961:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11961 { flex-direction: column; } }
.component-11962 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11962:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11962 { flex-direction: column; } }
.component-11963 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11963:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11963 { flex-direction: column; } }
.component-11964 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11964:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11964 { flex-direction: column; } }
.component-11965 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11965:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11965 { flex-direction: column; } }
.component-11966 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11966:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11966 { flex-direction: column; } }
.component-11967 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11967:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11967 { flex-direction: column; } }
.component-11968 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11968:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11968 { flex-direction: column; } }
.component-11969 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11969:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11969 { flex-direction: column; } }
.component-11970 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11970:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11970 { flex-direction: column; } }
.component-11971 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11971:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11971 { flex-direction: column; } }
.component-11972 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11972:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11972 { flex-direction: column; } }
.component-11973 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11973:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11973 { flex-direction: column; } }
.component-11974 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11974:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11974 { flex-direction: column; } }
.component-11975 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11975:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11975 { flex-direction: column; } }
.component-11976 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11976:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11976 { flex-direction: column; } }
.component-11977 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11977:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11977 { flex-direction: column; } }
.component-11978 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11978:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11978 { flex-direction: column; } }
.component-11979 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11979:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11979 { flex-direction: column; } }
.component-11980 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11980:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11980 { flex-direction: column; } }
.component-11981 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11981:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11981 { flex-direction: column; } }
.component-11982 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11982:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11982 { flex-direction: column; } }
.component-11983 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11983:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11983 { flex-direction: column; } }
.component-11984 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11984:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11984 { flex-direction: column; } }
.component-11985 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11985:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-11985 { flex-direction: column; } }
.component-11986 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11986:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-11986 { flex-direction: column; } }
.component-11987 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11987:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-11987 { flex-direction: column; } }
.component-11988 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11988:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-11988 { flex-direction: column; } }
.component-11989 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11989:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-11989 { flex-direction: column; } }
.component-11990 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-11990:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-11990 { flex-direction: column; } }
.component-11991 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-11991:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-11991 { flex-direction: column; } }
.component-11992 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-11992:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-11992 { flex-direction: column; } }
.component-11993 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-11993:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-11993 { flex-direction: column; } }
.component-11994 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-11994:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-11994 { flex-direction: column; } }
.component-11995 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-11995:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-11995 { flex-direction: column; } }
.component-11996 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-11996:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-11996 { flex-direction: column; } }
.component-11997 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-11997:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-11997 { flex-direction: column; } }
.component-11998 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-11998:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-11998 { flex-direction: column; } }
.component-11999 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-11999:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-11999 { flex-direction: column; } }
.component-12000 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12000:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12000 { flex-direction: column; } }
.component-12001 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12001:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12001 { flex-direction: column; } }
.component-12002 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12002:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12002 { flex-direction: column; } }
.component-12003 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12003:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12003 { flex-direction: column; } }
.component-12004 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12004:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12004 { flex-direction: column; } }
.component-12005 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12005:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12005 { flex-direction: column; } }
.component-12006 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12006:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12006 { flex-direction: column; } }
.component-12007 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12007:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12007 { flex-direction: column; } }
.component-12008 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12008:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12008 { flex-direction: column; } }
.component-12009 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12009:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12009 { flex-direction: column; } }
.component-12010 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12010:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12010 { flex-direction: column; } }
.component-12011 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12011:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12011 { flex-direction: column; } }
.component-12012 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12012:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12012 { flex-direction: column; } }
.component-12013 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12013:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12013 { flex-direction: column; } }
.component-12014 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12014:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12014 { flex-direction: column; } }
.component-12015 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12015:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12015 { flex-direction: column; } }
.component-12016 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12016:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12016 { flex-direction: column; } }
.component-12017 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12017:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12017 { flex-direction: column; } }
.component-12018 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12018:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12018 { flex-direction: column; } }
.component-12019 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12019:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12019 { flex-direction: column; } }
.component-12020 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12020:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12020 { flex-direction: column; } }
.component-12021 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12021:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12021 { flex-direction: column; } }
.component-12022 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12022:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12022 { flex-direction: column; } }
.component-12023 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12023:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12023 { flex-direction: column; } }
.component-12024 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12024:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12024 { flex-direction: column; } }
.component-12025 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12025:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12025 { flex-direction: column; } }
.component-12026 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12026:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12026 { flex-direction: column; } }
.component-12027 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12027:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12027 { flex-direction: column; } }
.component-12028 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12028:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12028 { flex-direction: column; } }
.component-12029 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12029:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12029 { flex-direction: column; } }
.component-12030 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12030:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12030 { flex-direction: column; } }
.component-12031 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12031:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12031 { flex-direction: column; } }
.component-12032 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12032:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12032 { flex-direction: column; } }
.component-12033 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12033:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12033 { flex-direction: column; } }
.component-12034 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12034:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12034 { flex-direction: column; } }
.component-12035 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12035:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12035 { flex-direction: column; } }
.component-12036 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12036:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12036 { flex-direction: column; } }
.component-12037 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12037:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12037 { flex-direction: column; } }
.component-12038 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12038:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12038 { flex-direction: column; } }
.component-12039 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12039:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12039 { flex-direction: column; } }
.component-12040 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12040:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12040 { flex-direction: column; } }
.component-12041 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12041:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12041 { flex-direction: column; } }
.component-12042 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12042:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12042 { flex-direction: column; } }
.component-12043 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12043:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12043 { flex-direction: column; } }
.component-12044 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12044:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12044 { flex-direction: column; } }
.component-12045 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12045:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12045 { flex-direction: column; } }
.component-12046 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12046:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12046 { flex-direction: column; } }
.component-12047 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12047:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12047 { flex-direction: column; } }
.component-12048 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12048:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12048 { flex-direction: column; } }
.component-12049 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12049:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12049 { flex-direction: column; } }
.component-12050 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12050:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12050 { flex-direction: column; } }
.component-12051 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12051:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12051 { flex-direction: column; } }
.component-12052 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12052:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12052 { flex-direction: column; } }
.component-12053 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12053:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12053 { flex-direction: column; } }
.component-12054 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12054:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12054 { flex-direction: column; } }
.component-12055 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12055:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12055 { flex-direction: column; } }
.component-12056 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12056:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12056 { flex-direction: column; } }
.component-12057 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12057:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12057 { flex-direction: column; } }
.component-12058 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12058:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12058 { flex-direction: column; } }
.component-12059 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12059:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12059 { flex-direction: column; } }
.component-12060 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12060:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12060 { flex-direction: column; } }
.component-12061 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12061:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12061 { flex-direction: column; } }
.component-12062 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12062:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12062 { flex-direction: column; } }
.component-12063 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12063:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12063 { flex-direction: column; } }
.component-12064 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12064:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12064 { flex-direction: column; } }
.component-12065 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12065:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12065 { flex-direction: column; } }
.component-12066 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12066:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12066 { flex-direction: column; } }
.component-12067 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12067:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12067 { flex-direction: column; } }
.component-12068 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12068:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12068 { flex-direction: column; } }
.component-12069 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12069:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12069 { flex-direction: column; } }
.component-12070 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12070:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12070 { flex-direction: column; } }
.component-12071 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12071:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12071 { flex-direction: column; } }
.component-12072 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12072:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12072 { flex-direction: column; } }
.component-12073 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12073:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12073 { flex-direction: column; } }
.component-12074 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12074:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12074 { flex-direction: column; } }
.component-12075 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12075:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12075 { flex-direction: column; } }
.component-12076 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12076:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12076 { flex-direction: column; } }
.component-12077 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12077:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12077 { flex-direction: column; } }
.component-12078 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12078:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12078 { flex-direction: column; } }
.component-12079 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12079:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12079 { flex-direction: column; } }
.component-12080 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12080:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12080 { flex-direction: column; } }
.component-12081 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12081:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12081 { flex-direction: column; } }
.component-12082 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12082:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12082 { flex-direction: column; } }
.component-12083 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12083:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12083 { flex-direction: column; } }
.component-12084 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12084:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12084 { flex-direction: column; } }
.component-12085 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12085:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12085 { flex-direction: column; } }
.component-12086 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12086:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12086 { flex-direction: column; } }
.component-12087 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12087:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12087 { flex-direction: column; } }
.component-12088 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12088:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12088 { flex-direction: column; } }
.component-12089 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12089:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12089 { flex-direction: column; } }
.component-12090 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12090:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12090 { flex-direction: column; } }
.component-12091 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12091:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12091 { flex-direction: column; } }
.component-12092 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12092:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12092 { flex-direction: column; } }
.component-12093 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12093:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12093 { flex-direction: column; } }
.component-12094 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12094:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12094 { flex-direction: column; } }
.component-12095 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12095:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12095 { flex-direction: column; } }
.component-12096 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12096:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12096 { flex-direction: column; } }
.component-12097 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12097:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12097 { flex-direction: column; } }
.component-12098 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12098:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12098 { flex-direction: column; } }
.component-12099 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12099:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12099 { flex-direction: column; } }
.component-12100 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12100:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12100 { flex-direction: column; } }
.component-12101 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12101:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12101 { flex-direction: column; } }
.component-12102 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12102:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12102 { flex-direction: column; } }
.component-12103 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12103:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12103 { flex-direction: column; } }
.component-12104 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12104:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12104 { flex-direction: column; } }
.component-12105 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12105:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12105 { flex-direction: column; } }
.component-12106 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12106:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12106 { flex-direction: column; } }
.component-12107 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12107:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12107 { flex-direction: column; } }
.component-12108 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12108:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12108 { flex-direction: column; } }
.component-12109 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12109:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12109 { flex-direction: column; } }
.component-12110 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12110:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12110 { flex-direction: column; } }
.component-12111 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12111:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12111 { flex-direction: column; } }
.component-12112 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12112:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12112 { flex-direction: column; } }
.component-12113 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12113:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12113 { flex-direction: column; } }
.component-12114 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12114:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12114 { flex-direction: column; } }
.component-12115 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12115:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12115 { flex-direction: column; } }
.component-12116 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12116:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12116 { flex-direction: column; } }
.component-12117 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12117:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12117 { flex-direction: column; } }
.component-12118 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12118:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12118 { flex-direction: column; } }
.component-12119 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12119:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12119 { flex-direction: column; } }
.component-12120 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12120:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12120 { flex-direction: column; } }
.component-12121 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12121:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12121 { flex-direction: column; } }
.component-12122 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12122:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12122 { flex-direction: column; } }
.component-12123 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12123:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12123 { flex-direction: column; } }
.component-12124 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12124:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12124 { flex-direction: column; } }
.component-12125 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12125:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12125 { flex-direction: column; } }
.component-12126 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12126:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12126 { flex-direction: column; } }
.component-12127 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12127:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12127 { flex-direction: column; } }
.component-12128 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12128:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12128 { flex-direction: column; } }
.component-12129 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12129:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12129 { flex-direction: column; } }
.component-12130 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12130:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12130 { flex-direction: column; } }
.component-12131 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12131:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12131 { flex-direction: column; } }
.component-12132 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12132:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12132 { flex-direction: column; } }
.component-12133 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12133:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12133 { flex-direction: column; } }
.component-12134 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12134:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12134 { flex-direction: column; } }
.component-12135 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12135:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12135 { flex-direction: column; } }
.component-12136 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12136:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12136 { flex-direction: column; } }
.component-12137 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12137:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12137 { flex-direction: column; } }
.component-12138 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12138:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12138 { flex-direction: column; } }
.component-12139 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12139:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12139 { flex-direction: column; } }
.component-12140 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12140:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12140 { flex-direction: column; } }
.component-12141 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12141:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12141 { flex-direction: column; } }
.component-12142 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12142:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12142 { flex-direction: column; } }
.component-12143 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12143:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12143 { flex-direction: column; } }
.component-12144 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12144:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12144 { flex-direction: column; } }
.component-12145 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12145:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12145 { flex-direction: column; } }
.component-12146 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12146:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12146 { flex-direction: column; } }
.component-12147 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12147:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12147 { flex-direction: column; } }
.component-12148 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12148:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12148 { flex-direction: column; } }
.component-12149 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12149:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12149 { flex-direction: column; } }
.component-12150 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12150:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12150 { flex-direction: column; } }
.component-12151 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12151:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12151 { flex-direction: column; } }
.component-12152 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12152:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12152 { flex-direction: column; } }
.component-12153 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12153:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12153 { flex-direction: column; } }
.component-12154 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12154:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12154 { flex-direction: column; } }
.component-12155 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12155:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12155 { flex-direction: column; } }
.component-12156 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12156:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12156 { flex-direction: column; } }
.component-12157 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12157:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12157 { flex-direction: column; } }
.component-12158 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12158:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12158 { flex-direction: column; } }
.component-12159 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12159:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12159 { flex-direction: column; } }
.component-12160 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12160:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12160 { flex-direction: column; } }
.component-12161 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12161:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12161 { flex-direction: column; } }
.component-12162 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12162:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12162 { flex-direction: column; } }
.component-12163 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12163:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12163 { flex-direction: column; } }
.component-12164 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12164:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12164 { flex-direction: column; } }
.component-12165 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12165:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12165 { flex-direction: column; } }
.component-12166 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12166:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12166 { flex-direction: column; } }
.component-12167 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12167:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12167 { flex-direction: column; } }
.component-12168 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12168:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12168 { flex-direction: column; } }
.component-12169 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12169:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12169 { flex-direction: column; } }
.component-12170 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12170:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12170 { flex-direction: column; } }
.component-12171 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12171:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12171 { flex-direction: column; } }
.component-12172 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12172:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12172 { flex-direction: column; } }
.component-12173 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12173:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12173 { flex-direction: column; } }
.component-12174 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12174:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12174 { flex-direction: column; } }
.component-12175 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12175:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12175 { flex-direction: column; } }
.component-12176 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12176:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12176 { flex-direction: column; } }
.component-12177 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12177:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12177 { flex-direction: column; } }
.component-12178 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12178:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12178 { flex-direction: column; } }
.component-12179 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12179:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12179 { flex-direction: column; } }
.component-12180 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12180:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12180 { flex-direction: column; } }
.component-12181 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12181:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12181 { flex-direction: column; } }
.component-12182 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12182:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12182 { flex-direction: column; } }
.component-12183 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12183:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12183 { flex-direction: column; } }
.component-12184 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12184:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12184 { flex-direction: column; } }
.component-12185 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12185:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12185 { flex-direction: column; } }
.component-12186 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12186:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12186 { flex-direction: column; } }
.component-12187 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12187:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12187 { flex-direction: column; } }
.component-12188 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12188:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12188 { flex-direction: column; } }
.component-12189 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12189:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12189 { flex-direction: column; } }
.component-12190 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12190:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12190 { flex-direction: column; } }
.component-12191 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12191:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12191 { flex-direction: column; } }
.component-12192 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12192:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12192 { flex-direction: column; } }
.component-12193 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12193:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12193 { flex-direction: column; } }
.component-12194 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12194:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12194 { flex-direction: column; } }
.component-12195 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12195:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12195 { flex-direction: column; } }
.component-12196 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12196:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12196 { flex-direction: column; } }
.component-12197 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12197:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12197 { flex-direction: column; } }
.component-12198 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12198:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12198 { flex-direction: column; } }
.component-12199 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12199:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12199 { flex-direction: column; } }
.component-12200 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12200:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12200 { flex-direction: column; } }
.component-12201 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12201:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12201 { flex-direction: column; } }
.component-12202 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12202:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12202 { flex-direction: column; } }
.component-12203 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12203:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12203 { flex-direction: column; } }
.component-12204 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12204:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12204 { flex-direction: column; } }
.component-12205 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12205:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12205 { flex-direction: column; } }
.component-12206 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12206:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12206 { flex-direction: column; } }
.component-12207 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12207:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12207 { flex-direction: column; } }
.component-12208 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12208:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12208 { flex-direction: column; } }
.component-12209 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12209:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12209 { flex-direction: column; } }
.component-12210 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12210:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12210 { flex-direction: column; } }
.component-12211 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12211:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12211 { flex-direction: column; } }
.component-12212 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12212:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12212 { flex-direction: column; } }
.component-12213 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12213:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12213 { flex-direction: column; } }
.component-12214 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12214:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12214 { flex-direction: column; } }
.component-12215 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12215:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12215 { flex-direction: column; } }
.component-12216 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12216:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12216 { flex-direction: column; } }
.component-12217 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12217:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12217 { flex-direction: column; } }
.component-12218 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12218:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12218 { flex-direction: column; } }
.component-12219 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12219:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12219 { flex-direction: column; } }
.component-12220 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12220:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12220 { flex-direction: column; } }
.component-12221 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12221:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12221 { flex-direction: column; } }
.component-12222 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12222:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12222 { flex-direction: column; } }
.component-12223 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12223:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12223 { flex-direction: column; } }
.component-12224 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12224:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12224 { flex-direction: column; } }
.component-12225 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12225:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12225 { flex-direction: column; } }
.component-12226 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12226:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12226 { flex-direction: column; } }
.component-12227 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12227:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12227 { flex-direction: column; } }
.component-12228 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12228:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12228 { flex-direction: column; } }
.component-12229 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12229:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12229 { flex-direction: column; } }
.component-12230 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12230:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12230 { flex-direction: column; } }
.component-12231 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12231:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12231 { flex-direction: column; } }
.component-12232 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12232:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12232 { flex-direction: column; } }
.component-12233 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12233:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12233 { flex-direction: column; } }
.component-12234 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12234:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12234 { flex-direction: column; } }
.component-12235 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12235:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12235 { flex-direction: column; } }
.component-12236 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12236:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12236 { flex-direction: column; } }
.component-12237 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12237:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12237 { flex-direction: column; } }
.component-12238 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12238:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12238 { flex-direction: column; } }
.component-12239 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12239:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12239 { flex-direction: column; } }
.component-12240 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12240:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12240 { flex-direction: column; } }
.component-12241 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12241:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12241 { flex-direction: column; } }
.component-12242 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12242:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12242 { flex-direction: column; } }
.component-12243 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12243:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12243 { flex-direction: column; } }
.component-12244 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12244:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12244 { flex-direction: column; } }
.component-12245 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12245:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12245 { flex-direction: column; } }
.component-12246 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12246:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12246 { flex-direction: column; } }
.component-12247 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12247:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12247 { flex-direction: column; } }
.component-12248 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12248:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12248 { flex-direction: column; } }
.component-12249 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12249:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12249 { flex-direction: column; } }
.component-12250 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12250:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12250 { flex-direction: column; } }
.component-12251 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12251:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12251 { flex-direction: column; } }
.component-12252 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12252:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12252 { flex-direction: column; } }
.component-12253 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12253:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12253 { flex-direction: column; } }
.component-12254 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12254:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12254 { flex-direction: column; } }
.component-12255 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12255:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12255 { flex-direction: column; } }
.component-12256 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12256:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12256 { flex-direction: column; } }
.component-12257 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12257:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12257 { flex-direction: column; } }
.component-12258 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12258:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12258 { flex-direction: column; } }
.component-12259 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12259:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12259 { flex-direction: column; } }
.component-12260 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12260:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12260 { flex-direction: column; } }
.component-12261 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12261:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12261 { flex-direction: column; } }
.component-12262 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12262:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12262 { flex-direction: column; } }
.component-12263 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12263:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12263 { flex-direction: column; } }
.component-12264 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12264:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12264 { flex-direction: column; } }
.component-12265 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12265:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12265 { flex-direction: column; } }
.component-12266 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12266:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12266 { flex-direction: column; } }
.component-12267 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12267:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12267 { flex-direction: column; } }
.component-12268 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12268:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12268 { flex-direction: column; } }
.component-12269 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12269:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12269 { flex-direction: column; } }
.component-12270 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12270:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12270 { flex-direction: column; } }
.component-12271 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12271:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12271 { flex-direction: column; } }
.component-12272 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12272:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12272 { flex-direction: column; } }
.component-12273 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12273:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12273 { flex-direction: column; } }
.component-12274 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12274:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12274 { flex-direction: column; } }
.component-12275 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12275:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12275 { flex-direction: column; } }
.component-12276 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12276:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12276 { flex-direction: column; } }
.component-12277 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12277:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12277 { flex-direction: column; } }
.component-12278 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12278:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12278 { flex-direction: column; } }
.component-12279 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12279:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12279 { flex-direction: column; } }
.component-12280 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12280:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12280 { flex-direction: column; } }
.component-12281 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12281:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12281 { flex-direction: column; } }
.component-12282 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12282:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12282 { flex-direction: column; } }
.component-12283 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12283:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12283 { flex-direction: column; } }
.component-12284 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12284:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12284 { flex-direction: column; } }
.component-12285 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12285:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12285 { flex-direction: column; } }
.component-12286 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12286:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12286 { flex-direction: column; } }
.component-12287 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12287:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12287 { flex-direction: column; } }
.component-12288 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12288:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12288 { flex-direction: column; } }
.component-12289 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12289:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12289 { flex-direction: column; } }
.component-12290 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12290:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12290 { flex-direction: column; } }
.component-12291 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12291:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12291 { flex-direction: column; } }
.component-12292 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12292:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12292 { flex-direction: column; } }
.component-12293 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12293:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12293 { flex-direction: column; } }
.component-12294 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12294:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12294 { flex-direction: column; } }
.component-12295 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12295:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12295 { flex-direction: column; } }
.component-12296 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12296:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12296 { flex-direction: column; } }
.component-12297 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12297:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12297 { flex-direction: column; } }
.component-12298 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12298:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12298 { flex-direction: column; } }
.component-12299 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12299:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12299 { flex-direction: column; } }
.component-12300 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12300:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12300 { flex-direction: column; } }
.component-12301 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12301:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12301 { flex-direction: column; } }
.component-12302 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12302:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12302 { flex-direction: column; } }
.component-12303 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12303:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12303 { flex-direction: column; } }
.component-12304 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12304:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12304 { flex-direction: column; } }
.component-12305 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12305:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12305 { flex-direction: column; } }
.component-12306 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12306:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12306 { flex-direction: column; } }
.component-12307 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12307:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12307 { flex-direction: column; } }
.component-12308 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12308:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12308 { flex-direction: column; } }
.component-12309 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12309:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12309 { flex-direction: column; } }
.component-12310 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12310:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12310 { flex-direction: column; } }
.component-12311 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12311:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12311 { flex-direction: column; } }
.component-12312 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12312:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12312 { flex-direction: column; } }
.component-12313 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12313:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12313 { flex-direction: column; } }
.component-12314 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12314:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12314 { flex-direction: column; } }
.component-12315 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12315:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12315 { flex-direction: column; } }
.component-12316 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12316:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12316 { flex-direction: column; } }
.component-12317 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12317:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12317 { flex-direction: column; } }
.component-12318 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12318:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12318 { flex-direction: column; } }
.component-12319 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12319:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12319 { flex-direction: column; } }
.component-12320 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12320:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12320 { flex-direction: column; } }
.component-12321 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12321:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12321 { flex-direction: column; } }
.component-12322 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12322:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12322 { flex-direction: column; } }
.component-12323 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12323:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12323 { flex-direction: column; } }
.component-12324 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12324:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12324 { flex-direction: column; } }
.component-12325 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12325:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12325 { flex-direction: column; } }
.component-12326 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12326:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12326 { flex-direction: column; } }
.component-12327 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12327:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12327 { flex-direction: column; } }
.component-12328 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12328:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12328 { flex-direction: column; } }
.component-12329 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12329:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12329 { flex-direction: column; } }
.component-12330 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12330:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12330 { flex-direction: column; } }
.component-12331 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12331:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12331 { flex-direction: column; } }
.component-12332 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12332:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12332 { flex-direction: column; } }
.component-12333 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12333:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12333 { flex-direction: column; } }
.component-12334 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12334:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12334 { flex-direction: column; } }
.component-12335 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12335:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12335 { flex-direction: column; } }
.component-12336 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12336:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12336 { flex-direction: column; } }
.component-12337 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12337:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12337 { flex-direction: column; } }
.component-12338 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12338:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12338 { flex-direction: column; } }
.component-12339 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12339:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12339 { flex-direction: column; } }
.component-12340 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12340:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12340 { flex-direction: column; } }
.component-12341 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12341:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12341 { flex-direction: column; } }
.component-12342 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12342:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12342 { flex-direction: column; } }
.component-12343 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12343:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12343 { flex-direction: column; } }
.component-12344 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12344:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12344 { flex-direction: column; } }
.component-12345 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12345:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12345 { flex-direction: column; } }
.component-12346 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12346:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12346 { flex-direction: column; } }
.component-12347 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12347:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12347 { flex-direction: column; } }
.component-12348 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12348:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12348 { flex-direction: column; } }
.component-12349 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12349:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12349 { flex-direction: column; } }
.component-12350 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12350:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12350 { flex-direction: column; } }
.component-12351 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12351:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12351 { flex-direction: column; } }
.component-12352 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12352:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12352 { flex-direction: column; } }
.component-12353 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12353:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12353 { flex-direction: column; } }
.component-12354 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12354:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12354 { flex-direction: column; } }
.component-12355 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12355:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12355 { flex-direction: column; } }
.component-12356 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12356:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12356 { flex-direction: column; } }
.component-12357 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12357:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12357 { flex-direction: column; } }
.component-12358 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12358:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12358 { flex-direction: column; } }
.component-12359 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12359:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12359 { flex-direction: column; } }
.component-12360 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12360:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12360 { flex-direction: column; } }
.component-12361 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12361:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12361 { flex-direction: column; } }
.component-12362 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12362:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12362 { flex-direction: column; } }
.component-12363 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12363:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12363 { flex-direction: column; } }
.component-12364 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12364:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12364 { flex-direction: column; } }
.component-12365 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12365:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12365 { flex-direction: column; } }
.component-12366 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12366:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12366 { flex-direction: column; } }
.component-12367 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12367:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12367 { flex-direction: column; } }
.component-12368 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12368:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12368 { flex-direction: column; } }
.component-12369 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12369:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12369 { flex-direction: column; } }
.component-12370 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12370:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12370 { flex-direction: column; } }
.component-12371 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12371:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12371 { flex-direction: column; } }
.component-12372 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12372:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12372 { flex-direction: column; } }
.component-12373 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12373:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12373 { flex-direction: column; } }
.component-12374 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12374:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12374 { flex-direction: column; } }
.component-12375 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12375:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12375 { flex-direction: column; } }
.component-12376 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12376:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12376 { flex-direction: column; } }
.component-12377 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12377:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12377 { flex-direction: column; } }
.component-12378 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12378:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12378 { flex-direction: column; } }
.component-12379 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12379:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12379 { flex-direction: column; } }
.component-12380 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12380:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12380 { flex-direction: column; } }
.component-12381 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12381:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12381 { flex-direction: column; } }
.component-12382 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12382:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12382 { flex-direction: column; } }
.component-12383 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12383:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12383 { flex-direction: column; } }
.component-12384 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12384:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12384 { flex-direction: column; } }
.component-12385 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12385:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12385 { flex-direction: column; } }
.component-12386 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12386:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12386 { flex-direction: column; } }
.component-12387 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12387:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12387 { flex-direction: column; } }
.component-12388 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12388:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12388 { flex-direction: column; } }
.component-12389 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12389:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12389 { flex-direction: column; } }
.component-12390 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12390:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12390 { flex-direction: column; } }
.component-12391 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12391:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12391 { flex-direction: column; } }
.component-12392 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12392:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12392 { flex-direction: column; } }
.component-12393 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12393:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12393 { flex-direction: column; } }
.component-12394 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12394:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12394 { flex-direction: column; } }
.component-12395 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12395:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12395 { flex-direction: column; } }
.component-12396 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12396:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12396 { flex-direction: column; } }
.component-12397 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12397:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12397 { flex-direction: column; } }
.component-12398 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12398:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12398 { flex-direction: column; } }
.component-12399 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12399:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12399 { flex-direction: column; } }
.component-12400 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12400:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12400 { flex-direction: column; } }
.component-12401 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12401:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12401 { flex-direction: column; } }
.component-12402 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12402:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12402 { flex-direction: column; } }
.component-12403 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12403:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12403 { flex-direction: column; } }
.component-12404 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12404:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12404 { flex-direction: column; } }
.component-12405 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12405:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12405 { flex-direction: column; } }
.component-12406 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12406:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12406 { flex-direction: column; } }
.component-12407 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12407:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12407 { flex-direction: column; } }
.component-12408 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12408:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12408 { flex-direction: column; } }
.component-12409 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12409:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12409 { flex-direction: column; } }
.component-12410 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12410:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12410 { flex-direction: column; } }
.component-12411 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12411:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12411 { flex-direction: column; } }
.component-12412 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12412:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12412 { flex-direction: column; } }
.component-12413 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12413:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12413 { flex-direction: column; } }
.component-12414 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12414:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12414 { flex-direction: column; } }
.component-12415 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12415:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12415 { flex-direction: column; } }
.component-12416 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12416:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12416 { flex-direction: column; } }
.component-12417 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12417:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12417 { flex-direction: column; } }
.component-12418 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12418:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12418 { flex-direction: column; } }
.component-12419 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12419:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12419 { flex-direction: column; } }
.component-12420 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12420:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12420 { flex-direction: column; } }
.component-12421 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12421:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12421 { flex-direction: column; } }
.component-12422 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12422:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12422 { flex-direction: column; } }
.component-12423 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12423:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12423 { flex-direction: column; } }
.component-12424 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12424:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12424 { flex-direction: column; } }
.component-12425 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12425:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12425 { flex-direction: column; } }
.component-12426 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12426:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12426 { flex-direction: column; } }
.component-12427 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12427:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12427 { flex-direction: column; } }
.component-12428 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12428:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12428 { flex-direction: column; } }
.component-12429 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12429:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12429 { flex-direction: column; } }
.component-12430 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12430:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12430 { flex-direction: column; } }
.component-12431 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12431:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12431 { flex-direction: column; } }
.component-12432 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12432:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12432 { flex-direction: column; } }
.component-12433 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12433:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12433 { flex-direction: column; } }
.component-12434 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12434:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12434 { flex-direction: column; } }
.component-12435 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12435:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12435 { flex-direction: column; } }
.component-12436 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12436:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12436 { flex-direction: column; } }
.component-12437 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12437:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12437 { flex-direction: column; } }
.component-12438 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12438:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12438 { flex-direction: column; } }
.component-12439 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12439:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12439 { flex-direction: column; } }
.component-12440 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12440:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12440 { flex-direction: column; } }
.component-12441 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12441:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12441 { flex-direction: column; } }
.component-12442 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12442:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12442 { flex-direction: column; } }
.component-12443 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12443:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12443 { flex-direction: column; } }
.component-12444 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12444:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12444 { flex-direction: column; } }
.component-12445 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12445:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12445 { flex-direction: column; } }
.component-12446 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12446:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12446 { flex-direction: column; } }
.component-12447 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12447:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12447 { flex-direction: column; } }
.component-12448 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12448:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12448 { flex-direction: column; } }
.component-12449 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12449:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12449 { flex-direction: column; } }
.component-12450 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12450:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12450 { flex-direction: column; } }
.component-12451 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12451:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12451 { flex-direction: column; } }
.component-12452 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12452:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12452 { flex-direction: column; } }
.component-12453 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12453:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12453 { flex-direction: column; } }
.component-12454 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12454:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12454 { flex-direction: column; } }
.component-12455 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12455:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12455 { flex-direction: column; } }
.component-12456 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12456:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12456 { flex-direction: column; } }
.component-12457 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12457:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12457 { flex-direction: column; } }
.component-12458 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12458:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12458 { flex-direction: column; } }
.component-12459 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12459:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12459 { flex-direction: column; } }
.component-12460 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12460:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12460 { flex-direction: column; } }
.component-12461 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12461:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12461 { flex-direction: column; } }
.component-12462 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12462:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12462 { flex-direction: column; } }
.component-12463 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12463:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12463 { flex-direction: column; } }
.component-12464 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12464:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12464 { flex-direction: column; } }
.component-12465 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12465:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12465 { flex-direction: column; } }
.component-12466 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12466:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12466 { flex-direction: column; } }
.component-12467 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12467:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12467 { flex-direction: column; } }
.component-12468 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12468:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12468 { flex-direction: column; } }
.component-12469 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12469:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12469 { flex-direction: column; } }
.component-12470 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12470:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12470 { flex-direction: column; } }
.component-12471 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12471:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12471 { flex-direction: column; } }
.component-12472 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12472:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12472 { flex-direction: column; } }
.component-12473 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12473:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12473 { flex-direction: column; } }
.component-12474 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12474:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12474 { flex-direction: column; } }
.component-12475 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12475:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12475 { flex-direction: column; } }
.component-12476 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12476:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12476 { flex-direction: column; } }
.component-12477 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12477:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12477 { flex-direction: column; } }
.component-12478 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12478:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12478 { flex-direction: column; } }
.component-12479 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12479:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12479 { flex-direction: column; } }
.component-12480 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12480:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12480 { flex-direction: column; } }
.component-12481 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12481:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12481 { flex-direction: column; } }
.component-12482 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12482:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12482 { flex-direction: column; } }
.component-12483 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12483:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12483 { flex-direction: column; } }
.component-12484 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12484:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12484 { flex-direction: column; } }
.component-12485 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12485:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12485 { flex-direction: column; } }
.component-12486 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12486:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12486 { flex-direction: column; } }
.component-12487 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12487:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12487 { flex-direction: column; } }
.component-12488 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12488:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12488 { flex-direction: column; } }
.component-12489 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12489:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12489 { flex-direction: column; } }
.component-12490 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12490:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12490 { flex-direction: column; } }
.component-12491 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12491:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12491 { flex-direction: column; } }
.component-12492 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12492:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12492 { flex-direction: column; } }
.component-12493 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12493:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12493 { flex-direction: column; } }
.component-12494 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12494:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12494 { flex-direction: column; } }
.component-12495 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12495:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12495 { flex-direction: column; } }
.component-12496 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12496:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12496 { flex-direction: column; } }
.component-12497 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12497:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12497 { flex-direction: column; } }
.component-12498 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12498:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12498 { flex-direction: column; } }
.component-12499 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12499:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12499 { flex-direction: column; } }
.component-12500 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12500:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12500 { flex-direction: column; } }
.component-12501 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12501:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12501 { flex-direction: column; } }
.component-12502 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12502:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12502 { flex-direction: column; } }
.component-12503 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12503:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12503 { flex-direction: column; } }
.component-12504 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12504:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12504 { flex-direction: column; } }
.component-12505 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12505:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12505 { flex-direction: column; } }
.component-12506 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12506:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12506 { flex-direction: column; } }
.component-12507 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12507:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12507 { flex-direction: column; } }
.component-12508 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12508:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12508 { flex-direction: column; } }
.component-12509 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12509:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12509 { flex-direction: column; } }
.component-12510 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12510:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12510 { flex-direction: column; } }
.component-12511 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12511:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12511 { flex-direction: column; } }
.component-12512 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12512:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12512 { flex-direction: column; } }
.component-12513 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12513:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12513 { flex-direction: column; } }
.component-12514 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12514:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12514 { flex-direction: column; } }
.component-12515 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12515:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12515 { flex-direction: column; } }
.component-12516 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12516:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12516 { flex-direction: column; } }
.component-12517 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12517:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12517 { flex-direction: column; } }
.component-12518 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12518:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12518 { flex-direction: column; } }
.component-12519 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12519:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12519 { flex-direction: column; } }
.component-12520 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12520:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12520 { flex-direction: column; } }
.component-12521 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12521:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12521 { flex-direction: column; } }
.component-12522 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12522:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12522 { flex-direction: column; } }
.component-12523 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12523:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12523 { flex-direction: column; } }
.component-12524 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12524:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12524 { flex-direction: column; } }
.component-12525 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12525:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12525 { flex-direction: column; } }
.component-12526 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12526:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12526 { flex-direction: column; } }
.component-12527 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12527:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12527 { flex-direction: column; } }
.component-12528 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12528:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12528 { flex-direction: column; } }
.component-12529 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12529:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12529 { flex-direction: column; } }
.component-12530 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12530:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12530 { flex-direction: column; } }
.component-12531 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12531:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12531 { flex-direction: column; } }
.component-12532 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12532:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12532 { flex-direction: column; } }
.component-12533 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12533:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12533 { flex-direction: column; } }
.component-12534 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12534:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12534 { flex-direction: column; } }
.component-12535 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12535:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12535 { flex-direction: column; } }
.component-12536 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12536:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12536 { flex-direction: column; } }
.component-12537 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12537:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12537 { flex-direction: column; } }
.component-12538 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12538:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12538 { flex-direction: column; } }
.component-12539 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12539:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12539 { flex-direction: column; } }
.component-12540 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12540:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12540 { flex-direction: column; } }
.component-12541 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12541:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12541 { flex-direction: column; } }
.component-12542 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12542:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12542 { flex-direction: column; } }
.component-12543 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12543:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12543 { flex-direction: column; } }
.component-12544 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12544:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12544 { flex-direction: column; } }
.component-12545 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12545:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12545 { flex-direction: column; } }
.component-12546 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12546:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12546 { flex-direction: column; } }
.component-12547 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12547:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12547 { flex-direction: column; } }
.component-12548 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12548:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12548 { flex-direction: column; } }
.component-12549 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12549:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12549 { flex-direction: column; } }
.component-12550 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12550:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12550 { flex-direction: column; } }
.component-12551 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12551:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12551 { flex-direction: column; } }
.component-12552 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12552:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12552 { flex-direction: column; } }
.component-12553 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12553:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12553 { flex-direction: column; } }
.component-12554 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12554:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12554 { flex-direction: column; } }
.component-12555 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12555:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12555 { flex-direction: column; } }
.component-12556 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12556:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12556 { flex-direction: column; } }
.component-12557 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12557:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12557 { flex-direction: column; } }
.component-12558 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12558:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12558 { flex-direction: column; } }
.component-12559 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12559:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12559 { flex-direction: column; } }
.component-12560 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12560:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12560 { flex-direction: column; } }
.component-12561 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12561:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12561 { flex-direction: column; } }
.component-12562 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12562:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12562 { flex-direction: column; } }
.component-12563 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12563:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12563 { flex-direction: column; } }
.component-12564 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12564:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12564 { flex-direction: column; } }
.component-12565 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12565:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12565 { flex-direction: column; } }
.component-12566 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12566:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12566 { flex-direction: column; } }
.component-12567 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12567:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12567 { flex-direction: column; } }
.component-12568 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12568:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12568 { flex-direction: column; } }
.component-12569 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12569:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12569 { flex-direction: column; } }
.component-12570 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12570:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12570 { flex-direction: column; } }
.component-12571 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12571:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12571 { flex-direction: column; } }
.component-12572 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12572:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12572 { flex-direction: column; } }
.component-12573 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12573:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12573 { flex-direction: column; } }
.component-12574 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12574:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12574 { flex-direction: column; } }
.component-12575 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12575:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12575 { flex-direction: column; } }
.component-12576 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12576:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12576 { flex-direction: column; } }
.component-12577 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12577:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12577 { flex-direction: column; } }
.component-12578 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12578:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12578 { flex-direction: column; } }
.component-12579 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12579:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12579 { flex-direction: column; } }
.component-12580 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12580:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12580 { flex-direction: column; } }
.component-12581 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12581:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12581 { flex-direction: column; } }
.component-12582 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12582:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12582 { flex-direction: column; } }
.component-12583 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12583:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12583 { flex-direction: column; } }
.component-12584 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12584:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12584 { flex-direction: column; } }
.component-12585 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12585:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12585 { flex-direction: column; } }
.component-12586 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12586:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12586 { flex-direction: column; } }
.component-12587 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12587:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12587 { flex-direction: column; } }
.component-12588 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12588:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12588 { flex-direction: column; } }
.component-12589 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12589:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12589 { flex-direction: column; } }
.component-12590 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12590:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12590 { flex-direction: column; } }
.component-12591 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12591:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12591 { flex-direction: column; } }
.component-12592 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12592:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12592 { flex-direction: column; } }
.component-12593 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12593:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12593 { flex-direction: column; } }
.component-12594 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12594:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12594 { flex-direction: column; } }
.component-12595 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12595:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12595 { flex-direction: column; } }
.component-12596 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12596:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12596 { flex-direction: column; } }
.component-12597 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12597:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12597 { flex-direction: column; } }
.component-12598 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12598:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12598 { flex-direction: column; } }
.component-12599 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12599:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12599 { flex-direction: column; } }
.component-12600 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12600:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12600 { flex-direction: column; } }
.component-12601 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12601:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12601 { flex-direction: column; } }
.component-12602 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12602:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12602 { flex-direction: column; } }
.component-12603 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12603:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12603 { flex-direction: column; } }
.component-12604 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12604:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12604 { flex-direction: column; } }
.component-12605 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12605:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12605 { flex-direction: column; } }
.component-12606 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12606:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12606 { flex-direction: column; } }
.component-12607 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12607:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12607 { flex-direction: column; } }
.component-12608 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12608:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12608 { flex-direction: column; } }
.component-12609 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12609:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12609 { flex-direction: column; } }
.component-12610 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12610:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12610 { flex-direction: column; } }
.component-12611 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12611:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12611 { flex-direction: column; } }
.component-12612 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12612:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12612 { flex-direction: column; } }
.component-12613 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12613:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12613 { flex-direction: column; } }
.component-12614 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12614:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12614 { flex-direction: column; } }
.component-12615 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12615:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12615 { flex-direction: column; } }
.component-12616 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12616:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12616 { flex-direction: column; } }
.component-12617 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12617:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12617 { flex-direction: column; } }
.component-12618 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12618:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12618 { flex-direction: column; } }
.component-12619 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12619:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12619 { flex-direction: column; } }
.component-12620 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12620:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12620 { flex-direction: column; } }
.component-12621 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12621:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12621 { flex-direction: column; } }
.component-12622 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12622:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12622 { flex-direction: column; } }
.component-12623 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12623:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12623 { flex-direction: column; } }
.component-12624 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12624:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12624 { flex-direction: column; } }
.component-12625 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12625:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12625 { flex-direction: column; } }
.component-12626 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12626:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12626 { flex-direction: column; } }
.component-12627 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12627:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12627 { flex-direction: column; } }
.component-12628 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12628:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12628 { flex-direction: column; } }
.component-12629 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12629:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12629 { flex-direction: column; } }
.component-12630 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12630:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12630 { flex-direction: column; } }
.component-12631 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12631:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12631 { flex-direction: column; } }
.component-12632 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12632:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12632 { flex-direction: column; } }
.component-12633 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12633:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12633 { flex-direction: column; } }
.component-12634 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12634:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12634 { flex-direction: column; } }
.component-12635 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12635:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12635 { flex-direction: column; } }
.component-12636 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12636:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12636 { flex-direction: column; } }
.component-12637 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12637:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12637 { flex-direction: column; } }
.component-12638 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12638:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12638 { flex-direction: column; } }
.component-12639 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12639:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12639 { flex-direction: column; } }
.component-12640 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12640:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12640 { flex-direction: column; } }
.component-12641 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12641:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12641 { flex-direction: column; } }
.component-12642 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12642:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12642 { flex-direction: column; } }
.component-12643 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12643:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12643 { flex-direction: column; } }
.component-12644 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12644:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12644 { flex-direction: column; } }
.component-12645 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12645:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12645 { flex-direction: column; } }
.component-12646 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12646:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12646 { flex-direction: column; } }
.component-12647 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12647:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12647 { flex-direction: column; } }
.component-12648 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12648:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12648 { flex-direction: column; } }
.component-12649 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12649:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12649 { flex-direction: column; } }
.component-12650 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12650:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12650 { flex-direction: column; } }
.component-12651 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12651:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12651 { flex-direction: column; } }
.component-12652 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12652:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12652 { flex-direction: column; } }
.component-12653 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12653:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12653 { flex-direction: column; } }
.component-12654 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12654:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12654 { flex-direction: column; } }
.component-12655 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12655:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12655 { flex-direction: column; } }
.component-12656 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12656:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12656 { flex-direction: column; } }
.component-12657 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12657:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12657 { flex-direction: column; } }
.component-12658 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12658:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12658 { flex-direction: column; } }
.component-12659 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12659:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12659 { flex-direction: column; } }
.component-12660 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12660:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12660 { flex-direction: column; } }
.component-12661 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12661:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12661 { flex-direction: column; } }
.component-12662 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12662:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12662 { flex-direction: column; } }
.component-12663 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12663:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12663 { flex-direction: column; } }
.component-12664 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12664:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12664 { flex-direction: column; } }
.component-12665 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12665:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12665 { flex-direction: column; } }
.component-12666 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12666:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12666 { flex-direction: column; } }
.component-12667 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12667:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12667 { flex-direction: column; } }
.component-12668 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12668:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12668 { flex-direction: column; } }
.component-12669 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12669:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12669 { flex-direction: column; } }
.component-12670 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12670:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12670 { flex-direction: column; } }
.component-12671 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12671:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12671 { flex-direction: column; } }
.component-12672 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12672:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12672 { flex-direction: column; } }
.component-12673 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12673:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12673 { flex-direction: column; } }
.component-12674 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12674:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12674 { flex-direction: column; } }
.component-12675 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12675:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12675 { flex-direction: column; } }
.component-12676 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12676:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12676 { flex-direction: column; } }
.component-12677 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12677:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12677 { flex-direction: column; } }
.component-12678 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12678:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12678 { flex-direction: column; } }
.component-12679 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12679:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12679 { flex-direction: column; } }
.component-12680 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12680:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12680 { flex-direction: column; } }
.component-12681 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12681:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12681 { flex-direction: column; } }
.component-12682 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12682:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12682 { flex-direction: column; } }
.component-12683 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12683:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12683 { flex-direction: column; } }
.component-12684 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12684:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12684 { flex-direction: column; } }
.component-12685 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12685:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12685 { flex-direction: column; } }
.component-12686 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12686:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12686 { flex-direction: column; } }
.component-12687 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12687:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12687 { flex-direction: column; } }
.component-12688 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12688:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12688 { flex-direction: column; } }
.component-12689 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12689:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12689 { flex-direction: column; } }
.component-12690 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12690:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12690 { flex-direction: column; } }
.component-12691 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12691:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12691 { flex-direction: column; } }
.component-12692 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12692:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12692 { flex-direction: column; } }
.component-12693 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12693:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12693 { flex-direction: column; } }
.component-12694 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12694:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12694 { flex-direction: column; } }
.component-12695 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12695:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12695 { flex-direction: column; } }
.component-12696 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12696:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12696 { flex-direction: column; } }
.component-12697 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12697:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12697 { flex-direction: column; } }
.component-12698 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12698:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12698 { flex-direction: column; } }
.component-12699 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12699:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12699 { flex-direction: column; } }
.component-12700 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12700:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12700 { flex-direction: column; } }
.component-12701 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12701:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12701 { flex-direction: column; } }
.component-12702 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12702:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12702 { flex-direction: column; } }
.component-12703 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12703:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12703 { flex-direction: column; } }
.component-12704 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12704:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12704 { flex-direction: column; } }
.component-12705 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12705:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12705 { flex-direction: column; } }
.component-12706 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12706:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12706 { flex-direction: column; } }
.component-12707 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12707:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12707 { flex-direction: column; } }
.component-12708 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12708:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12708 { flex-direction: column; } }
.component-12709 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12709:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12709 { flex-direction: column; } }
.component-12710 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12710:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12710 { flex-direction: column; } }
.component-12711 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12711:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12711 { flex-direction: column; } }
.component-12712 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12712:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12712 { flex-direction: column; } }
.component-12713 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12713:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12713 { flex-direction: column; } }
.component-12714 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12714:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12714 { flex-direction: column; } }
.component-12715 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12715:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12715 { flex-direction: column; } }
.component-12716 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12716:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12716 { flex-direction: column; } }
.component-12717 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12717:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12717 { flex-direction: column; } }
.component-12718 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12718:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12718 { flex-direction: column; } }
.component-12719 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12719:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12719 { flex-direction: column; } }
.component-12720 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12720:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12720 { flex-direction: column; } }
.component-12721 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12721:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12721 { flex-direction: column; } }
.component-12722 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12722:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12722 { flex-direction: column; } }
.component-12723 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12723:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12723 { flex-direction: column; } }
.component-12724 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12724:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12724 { flex-direction: column; } }
.component-12725 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12725:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12725 { flex-direction: column; } }
.component-12726 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12726:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12726 { flex-direction: column; } }
.component-12727 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12727:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12727 { flex-direction: column; } }
.component-12728 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12728:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12728 { flex-direction: column; } }
.component-12729 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12729:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12729 { flex-direction: column; } }
.component-12730 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12730:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12730 { flex-direction: column; } }
.component-12731 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12731:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12731 { flex-direction: column; } }
.component-12732 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12732:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12732 { flex-direction: column; } }
.component-12733 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12733:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12733 { flex-direction: column; } }
.component-12734 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12734:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12734 { flex-direction: column; } }
.component-12735 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12735:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12735 { flex-direction: column; } }
.component-12736 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12736:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12736 { flex-direction: column; } }
.component-12737 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12737:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12737 { flex-direction: column; } }
.component-12738 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12738:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12738 { flex-direction: column; } }
.component-12739 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12739:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12739 { flex-direction: column; } }
.component-12740 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12740:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12740 { flex-direction: column; } }
.component-12741 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12741:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12741 { flex-direction: column; } }
.component-12742 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12742:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12742 { flex-direction: column; } }
.component-12743 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12743:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12743 { flex-direction: column; } }
.component-12744 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12744:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12744 { flex-direction: column; } }
.component-12745 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12745:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12745 { flex-direction: column; } }
.component-12746 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12746:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12746 { flex-direction: column; } }
.component-12747 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12747:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12747 { flex-direction: column; } }
.component-12748 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12748:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12748 { flex-direction: column; } }
.component-12749 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12749:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12749 { flex-direction: column; } }
.component-12750 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12750:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12750 { flex-direction: column; } }
.component-12751 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12751:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12751 { flex-direction: column; } }
.component-12752 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12752:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12752 { flex-direction: column; } }
.component-12753 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12753:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12753 { flex-direction: column; } }
.component-12754 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12754:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12754 { flex-direction: column; } }
.component-12755 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12755:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12755 { flex-direction: column; } }
.component-12756 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12756:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12756 { flex-direction: column; } }
.component-12757 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12757:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12757 { flex-direction: column; } }
.component-12758 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12758:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12758 { flex-direction: column; } }
.component-12759 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12759:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12759 { flex-direction: column; } }
.component-12760 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12760:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12760 { flex-direction: column; } }
.component-12761 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12761:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12761 { flex-direction: column; } }
.component-12762 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12762:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12762 { flex-direction: column; } }
.component-12763 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12763:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12763 { flex-direction: column; } }
.component-12764 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12764:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12764 { flex-direction: column; } }
.component-12765 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12765:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12765 { flex-direction: column; } }
.component-12766 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12766:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12766 { flex-direction: column; } }
.component-12767 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12767:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12767 { flex-direction: column; } }
.component-12768 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12768:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12768 { flex-direction: column; } }
.component-12769 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12769:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12769 { flex-direction: column; } }
.component-12770 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12770:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12770 { flex-direction: column; } }
.component-12771 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12771:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12771 { flex-direction: column; } }
.component-12772 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12772:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12772 { flex-direction: column; } }
.component-12773 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12773:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12773 { flex-direction: column; } }
.component-12774 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12774:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12774 { flex-direction: column; } }
.component-12775 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12775:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12775 { flex-direction: column; } }
.component-12776 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12776:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12776 { flex-direction: column; } }
.component-12777 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12777:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12777 { flex-direction: column; } }
.component-12778 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12778:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12778 { flex-direction: column; } }
.component-12779 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12779:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12779 { flex-direction: column; } }
.component-12780 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12780:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12780 { flex-direction: column; } }
.component-12781 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12781:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12781 { flex-direction: column; } }
.component-12782 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12782:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12782 { flex-direction: column; } }
.component-12783 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12783:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12783 { flex-direction: column; } }
.component-12784 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12784:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12784 { flex-direction: column; } }
.component-12785 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12785:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12785 { flex-direction: column; } }
.component-12786 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12786:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12786 { flex-direction: column; } }
.component-12787 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12787:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12787 { flex-direction: column; } }
.component-12788 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12788:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12788 { flex-direction: column; } }
.component-12789 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12789:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12789 { flex-direction: column; } }
.component-12790 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12790:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12790 { flex-direction: column; } }
.component-12791 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12791:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12791 { flex-direction: column; } }
.component-12792 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12792:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12792 { flex-direction: column; } }
.component-12793 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12793:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12793 { flex-direction: column; } }
.component-12794 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12794:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12794 { flex-direction: column; } }
.component-12795 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12795:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12795 { flex-direction: column; } }
.component-12796 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12796:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12796 { flex-direction: column; } }
.component-12797 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12797:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12797 { flex-direction: column; } }
.component-12798 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12798:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12798 { flex-direction: column; } }
.component-12799 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12799:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12799 { flex-direction: column; } }
.component-12800 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12800:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12800 { flex-direction: column; } }
.component-12801 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12801:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12801 { flex-direction: column; } }
.component-12802 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12802:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12802 { flex-direction: column; } }
.component-12803 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12803:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12803 { flex-direction: column; } }
.component-12804 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12804:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12804 { flex-direction: column; } }
.component-12805 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12805:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12805 { flex-direction: column; } }
.component-12806 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12806:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12806 { flex-direction: column; } }
.component-12807 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12807:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12807 { flex-direction: column; } }
.component-12808 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12808:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12808 { flex-direction: column; } }
.component-12809 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12809:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12809 { flex-direction: column; } }
.component-12810 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12810:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12810 { flex-direction: column; } }
.component-12811 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12811:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12811 { flex-direction: column; } }
.component-12812 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12812:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12812 { flex-direction: column; } }
.component-12813 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12813:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12813 { flex-direction: column; } }
.component-12814 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12814:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12814 { flex-direction: column; } }
.component-12815 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12815:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12815 { flex-direction: column; } }
.component-12816 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12816:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12816 { flex-direction: column; } }
.component-12817 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12817:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12817 { flex-direction: column; } }
.component-12818 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12818:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12818 { flex-direction: column; } }
.component-12819 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12819:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12819 { flex-direction: column; } }
.component-12820 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12820:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12820 { flex-direction: column; } }
.component-12821 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12821:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12821 { flex-direction: column; } }
.component-12822 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12822:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12822 { flex-direction: column; } }
.component-12823 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12823:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12823 { flex-direction: column; } }
.component-12824 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12824:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12824 { flex-direction: column; } }
.component-12825 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12825:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12825 { flex-direction: column; } }
.component-12826 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12826:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12826 { flex-direction: column; } }
.component-12827 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12827:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12827 { flex-direction: column; } }
.component-12828 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12828:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12828 { flex-direction: column; } }
.component-12829 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12829:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12829 { flex-direction: column; } }
.component-12830 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12830:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12830 { flex-direction: column; } }
.component-12831 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12831:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12831 { flex-direction: column; } }
.component-12832 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12832:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12832 { flex-direction: column; } }
.component-12833 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12833:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12833 { flex-direction: column; } }
.component-12834 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12834:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12834 { flex-direction: column; } }
.component-12835 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12835:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12835 { flex-direction: column; } }
.component-12836 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12836:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12836 { flex-direction: column; } }
.component-12837 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12837:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12837 { flex-direction: column; } }
.component-12838 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12838:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12838 { flex-direction: column; } }
.component-12839 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12839:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12839 { flex-direction: column; } }
.component-12840 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12840:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12840 { flex-direction: column; } }
.component-12841 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12841:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12841 { flex-direction: column; } }
.component-12842 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12842:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12842 { flex-direction: column; } }
.component-12843 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12843:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12843 { flex-direction: column; } }
.component-12844 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12844:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12844 { flex-direction: column; } }
.component-12845 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12845:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12845 { flex-direction: column; } }
.component-12846 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12846:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12846 { flex-direction: column; } }
.component-12847 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12847:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12847 { flex-direction: column; } }
.component-12848 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12848:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12848 { flex-direction: column; } }
.component-12849 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12849:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12849 { flex-direction: column; } }
.component-12850 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12850:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12850 { flex-direction: column; } }
.component-12851 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12851:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12851 { flex-direction: column; } }
.component-12852 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12852:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12852 { flex-direction: column; } }
.component-12853 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12853:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12853 { flex-direction: column; } }
.component-12854 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12854:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12854 { flex-direction: column; } }
.component-12855 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12855:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12855 { flex-direction: column; } }
.component-12856 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12856:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12856 { flex-direction: column; } }
.component-12857 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12857:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12857 { flex-direction: column; } }
.component-12858 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12858:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12858 { flex-direction: column; } }
.component-12859 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12859:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12859 { flex-direction: column; } }
.component-12860 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12860:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12860 { flex-direction: column; } }
.component-12861 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12861:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12861 { flex-direction: column; } }
.component-12862 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12862:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12862 { flex-direction: column; } }
.component-12863 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12863:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12863 { flex-direction: column; } }
.component-12864 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12864:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12864 { flex-direction: column; } }
.component-12865 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12865:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12865 { flex-direction: column; } }
.component-12866 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12866:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12866 { flex-direction: column; } }
.component-12867 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12867:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12867 { flex-direction: column; } }
.component-12868 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12868:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12868 { flex-direction: column; } }
.component-12869 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12869:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12869 { flex-direction: column; } }
.component-12870 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12870:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12870 { flex-direction: column; } }
.component-12871 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12871:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12871 { flex-direction: column; } }
.component-12872 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12872:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12872 { flex-direction: column; } }
.component-12873 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12873:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12873 { flex-direction: column; } }
.component-12874 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12874:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12874 { flex-direction: column; } }
.component-12875 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12875:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12875 { flex-direction: column; } }
.component-12876 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12876:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12876 { flex-direction: column; } }
.component-12877 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12877:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12877 { flex-direction: column; } }
.component-12878 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12878:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12878 { flex-direction: column; } }
.component-12879 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12879:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12879 { flex-direction: column; } }
.component-12880 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12880:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12880 { flex-direction: column; } }
.component-12881 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12881:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12881 { flex-direction: column; } }
.component-12882 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12882:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12882 { flex-direction: column; } }
.component-12883 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12883:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12883 { flex-direction: column; } }
.component-12884 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12884:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12884 { flex-direction: column; } }
.component-12885 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12885:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12885 { flex-direction: column; } }
.component-12886 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12886:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12886 { flex-direction: column; } }
.component-12887 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12887:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12887 { flex-direction: column; } }
.component-12888 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12888:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12888 { flex-direction: column; } }
.component-12889 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12889:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12889 { flex-direction: column; } }
.component-12890 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12890:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12890 { flex-direction: column; } }
.component-12891 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12891:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12891 { flex-direction: column; } }
.component-12892 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12892:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12892 { flex-direction: column; } }
.component-12893 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12893:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12893 { flex-direction: column; } }
.component-12894 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12894:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12894 { flex-direction: column; } }
.component-12895 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12895:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12895 { flex-direction: column; } }
.component-12896 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12896:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12896 { flex-direction: column; } }
.component-12897 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12897:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12897 { flex-direction: column; } }
.component-12898 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12898:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12898 { flex-direction: column; } }
.component-12899 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12899:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12899 { flex-direction: column; } }
.component-12900 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12900:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12900 { flex-direction: column; } }
.component-12901 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12901:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12901 { flex-direction: column; } }
.component-12902 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12902:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12902 { flex-direction: column; } }
.component-12903 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12903:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12903 { flex-direction: column; } }
.component-12904 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12904:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12904 { flex-direction: column; } }
.component-12905 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12905:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12905 { flex-direction: column; } }
.component-12906 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12906:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12906 { flex-direction: column; } }
.component-12907 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12907:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12907 { flex-direction: column; } }
.component-12908 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12908:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12908 { flex-direction: column; } }
.component-12909 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12909:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12909 { flex-direction: column; } }
.component-12910 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12910:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12910 { flex-direction: column; } }
.component-12911 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12911:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12911 { flex-direction: column; } }
.component-12912 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12912:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12912 { flex-direction: column; } }
.component-12913 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12913:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12913 { flex-direction: column; } }
.component-12914 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12914:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12914 { flex-direction: column; } }
.component-12915 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12915:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12915 { flex-direction: column; } }
.component-12916 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12916:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12916 { flex-direction: column; } }
.component-12917 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12917:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12917 { flex-direction: column; } }
.component-12918 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12918:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12918 { flex-direction: column; } }
.component-12919 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12919:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12919 { flex-direction: column; } }
.component-12920 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12920:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12920 { flex-direction: column; } }
.component-12921 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12921:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12921 { flex-direction: column; } }
.component-12922 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12922:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12922 { flex-direction: column; } }
.component-12923 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12923:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12923 { flex-direction: column; } }
.component-12924 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12924:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12924 { flex-direction: column; } }
.component-12925 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12925:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12925 { flex-direction: column; } }
.component-12926 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12926:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12926 { flex-direction: column; } }
.component-12927 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12927:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12927 { flex-direction: column; } }
.component-12928 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12928:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12928 { flex-direction: column; } }
.component-12929 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12929:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12929 { flex-direction: column; } }
.component-12930 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12930:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12930 { flex-direction: column; } }
.component-12931 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12931:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12931 { flex-direction: column; } }
.component-12932 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12932:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12932 { flex-direction: column; } }
.component-12933 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12933:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12933 { flex-direction: column; } }
.component-12934 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12934:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12934 { flex-direction: column; } }
.component-12935 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12935:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12935 { flex-direction: column; } }
.component-12936 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12936:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12936 { flex-direction: column; } }
.component-12937 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12937:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12937 { flex-direction: column; } }
.component-12938 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12938:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12938 { flex-direction: column; } }
.component-12939 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12939:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12939 { flex-direction: column; } }
.component-12940 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12940:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12940 { flex-direction: column; } }
.component-12941 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12941:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12941 { flex-direction: column; } }
.component-12942 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12942:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12942 { flex-direction: column; } }
.component-12943 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12943:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12943 { flex-direction: column; } }
.component-12944 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12944:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12944 { flex-direction: column; } }
.component-12945 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12945:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12945 { flex-direction: column; } }
.component-12946 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12946:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12946 { flex-direction: column; } }
.component-12947 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12947:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12947 { flex-direction: column; } }
.component-12948 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12948:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12948 { flex-direction: column; } }
.component-12949 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12949:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12949 { flex-direction: column; } }
.component-12950 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12950:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12950 { flex-direction: column; } }
.component-12951 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12951:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12951 { flex-direction: column; } }
.component-12952 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12952:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12952 { flex-direction: column; } }
.component-12953 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12953:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12953 { flex-direction: column; } }
.component-12954 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12954:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12954 { flex-direction: column; } }
.component-12955 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12955:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12955 { flex-direction: column; } }
.component-12956 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12956:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12956 { flex-direction: column; } }
.component-12957 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12957:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12957 { flex-direction: column; } }
.component-12958 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12958:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12958 { flex-direction: column; } }
.component-12959 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12959:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12959 { flex-direction: column; } }
.component-12960 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12960:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12960 { flex-direction: column; } }
.component-12961 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12961:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12961 { flex-direction: column; } }
.component-12962 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12962:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12962 { flex-direction: column; } }
.component-12963 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12963:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12963 { flex-direction: column; } }
.component-12964 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12964:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12964 { flex-direction: column; } }
.component-12965 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12965:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12965 { flex-direction: column; } }
.component-12966 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12966:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12966 { flex-direction: column; } }
.component-12967 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12967:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12967 { flex-direction: column; } }
.component-12968 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12968:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12968 { flex-direction: column; } }
.component-12969 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12969:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12969 { flex-direction: column; } }
.component-12970 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12970:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12970 { flex-direction: column; } }
.component-12971 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12971:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12971 { flex-direction: column; } }
.component-12972 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12972:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12972 { flex-direction: column; } }
.component-12973 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12973:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12973 { flex-direction: column; } }
.component-12974 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12974:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12974 { flex-direction: column; } }
.component-12975 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12975:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12975 { flex-direction: column; } }
.component-12976 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12976:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12976 { flex-direction: column; } }
.component-12977 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12977:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12977 { flex-direction: column; } }
.component-12978 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12978:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12978 { flex-direction: column; } }
.component-12979 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12979:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12979 { flex-direction: column; } }
.component-12980 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12980:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12980 { flex-direction: column; } }
.component-12981 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12981:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12981 { flex-direction: column; } }
.component-12982 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12982:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12982 { flex-direction: column; } }
.component-12983 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12983:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12983 { flex-direction: column; } }
.component-12984 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12984:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12984 { flex-direction: column; } }
.component-12985 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12985:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-12985 { flex-direction: column; } }
.component-12986 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12986:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-12986 { flex-direction: column; } }
.component-12987 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12987:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-12987 { flex-direction: column; } }
.component-12988 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12988:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-12988 { flex-direction: column; } }
.component-12989 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12989:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-12989 { flex-direction: column; } }
.component-12990 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-12990:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-12990 { flex-direction: column; } }
.component-12991 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-12991:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-12991 { flex-direction: column; } }
.component-12992 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-12992:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-12992 { flex-direction: column; } }
.component-12993 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-12993:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-12993 { flex-direction: column; } }
.component-12994 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-12994:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-12994 { flex-direction: column; } }
.component-12995 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-12995:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-12995 { flex-direction: column; } }
.component-12996 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-12996:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-12996 { flex-direction: column; } }
.component-12997 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-12997:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-12997 { flex-direction: column; } }
.component-12998 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-12998:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-12998 { flex-direction: column; } }
.component-12999 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-12999:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-12999 { flex-direction: column; } }
.component-13000 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13000:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13000 { flex-direction: column; } }
.component-13001 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13001:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13001 { flex-direction: column; } }
.component-13002 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13002:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13002 { flex-direction: column; } }
.component-13003 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13003:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13003 { flex-direction: column; } }
.component-13004 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13004:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13004 { flex-direction: column; } }
.component-13005 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13005:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13005 { flex-direction: column; } }
.component-13006 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13006:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13006 { flex-direction: column; } }
.component-13007 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13007:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13007 { flex-direction: column; } }
.component-13008 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13008:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13008 { flex-direction: column; } }
.component-13009 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13009:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13009 { flex-direction: column; } }
.component-13010 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13010:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13010 { flex-direction: column; } }
.component-13011 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13011:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13011 { flex-direction: column; } }
.component-13012 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13012:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13012 { flex-direction: column; } }
.component-13013 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13013:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13013 { flex-direction: column; } }
.component-13014 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13014:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13014 { flex-direction: column; } }
.component-13015 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13015:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13015 { flex-direction: column; } }
.component-13016 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13016:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13016 { flex-direction: column; } }
.component-13017 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13017:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13017 { flex-direction: column; } }
.component-13018 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13018:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13018 { flex-direction: column; } }
.component-13019 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13019:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13019 { flex-direction: column; } }
.component-13020 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13020:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13020 { flex-direction: column; } }
.component-13021 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13021:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13021 { flex-direction: column; } }
.component-13022 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13022:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13022 { flex-direction: column; } }
.component-13023 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13023:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13023 { flex-direction: column; } }
.component-13024 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13024:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13024 { flex-direction: column; } }
.component-13025 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13025:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13025 { flex-direction: column; } }
.component-13026 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13026:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13026 { flex-direction: column; } }
.component-13027 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13027:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13027 { flex-direction: column; } }
.component-13028 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13028:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13028 { flex-direction: column; } }
.component-13029 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13029:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13029 { flex-direction: column; } }
.component-13030 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13030:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13030 { flex-direction: column; } }
.component-13031 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13031:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13031 { flex-direction: column; } }
.component-13032 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13032:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13032 { flex-direction: column; } }
.component-13033 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13033:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13033 { flex-direction: column; } }
.component-13034 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13034:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13034 { flex-direction: column; } }
.component-13035 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13035:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13035 { flex-direction: column; } }
.component-13036 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13036:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13036 { flex-direction: column; } }
.component-13037 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13037:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13037 { flex-direction: column; } }
.component-13038 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13038:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13038 { flex-direction: column; } }
.component-13039 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13039:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13039 { flex-direction: column; } }
.component-13040 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13040:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13040 { flex-direction: column; } }
.component-13041 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13041:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13041 { flex-direction: column; } }
.component-13042 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13042:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13042 { flex-direction: column; } }
.component-13043 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13043:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13043 { flex-direction: column; } }
.component-13044 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13044:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13044 { flex-direction: column; } }
.component-13045 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13045:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13045 { flex-direction: column; } }
.component-13046 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13046:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13046 { flex-direction: column; } }
.component-13047 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13047:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13047 { flex-direction: column; } }
.component-13048 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13048:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13048 { flex-direction: column; } }
.component-13049 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13049:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13049 { flex-direction: column; } }
.component-13050 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13050:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13050 { flex-direction: column; } }
.component-13051 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13051:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13051 { flex-direction: column; } }
.component-13052 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13052:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13052 { flex-direction: column; } }
.component-13053 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13053:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13053 { flex-direction: column; } }
.component-13054 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13054:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13054 { flex-direction: column; } }
.component-13055 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13055:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13055 { flex-direction: column; } }
.component-13056 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13056:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13056 { flex-direction: column; } }
.component-13057 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13057:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13057 { flex-direction: column; } }
.component-13058 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13058:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13058 { flex-direction: column; } }
.component-13059 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13059:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13059 { flex-direction: column; } }
.component-13060 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13060:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13060 { flex-direction: column; } }
.component-13061 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13061:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13061 { flex-direction: column; } }
.component-13062 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13062:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13062 { flex-direction: column; } }
.component-13063 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13063:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13063 { flex-direction: column; } }
.component-13064 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13064:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13064 { flex-direction: column; } }
.component-13065 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13065:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13065 { flex-direction: column; } }
.component-13066 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13066:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13066 { flex-direction: column; } }
.component-13067 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13067:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13067 { flex-direction: column; } }
.component-13068 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13068:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13068 { flex-direction: column; } }
.component-13069 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13069:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13069 { flex-direction: column; } }
.component-13070 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13070:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13070 { flex-direction: column; } }
.component-13071 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13071:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13071 { flex-direction: column; } }
.component-13072 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13072:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13072 { flex-direction: column; } }
.component-13073 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13073:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13073 { flex-direction: column; } }
.component-13074 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13074:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13074 { flex-direction: column; } }
.component-13075 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13075:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13075 { flex-direction: column; } }
.component-13076 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13076:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13076 { flex-direction: column; } }
.component-13077 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13077:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13077 { flex-direction: column; } }
.component-13078 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13078:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13078 { flex-direction: column; } }
.component-13079 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13079:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13079 { flex-direction: column; } }
.component-13080 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13080:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13080 { flex-direction: column; } }
.component-13081 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13081:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13081 { flex-direction: column; } }
.component-13082 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13082:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13082 { flex-direction: column; } }
.component-13083 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13083:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13083 { flex-direction: column; } }
.component-13084 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13084:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13084 { flex-direction: column; } }
.component-13085 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13085:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13085 { flex-direction: column; } }
.component-13086 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13086:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13086 { flex-direction: column; } }
.component-13087 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13087:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13087 { flex-direction: column; } }
.component-13088 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13088:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13088 { flex-direction: column; } }
.component-13089 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13089:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13089 { flex-direction: column; } }
.component-13090 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13090:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13090 { flex-direction: column; } }
.component-13091 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13091:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13091 { flex-direction: column; } }
.component-13092 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13092:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13092 { flex-direction: column; } }
.component-13093 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13093:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13093 { flex-direction: column; } }
.component-13094 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13094:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13094 { flex-direction: column; } }
.component-13095 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13095:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13095 { flex-direction: column; } }
.component-13096 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13096:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13096 { flex-direction: column; } }
.component-13097 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13097:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13097 { flex-direction: column; } }
.component-13098 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13098:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13098 { flex-direction: column; } }
.component-13099 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13099:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13099 { flex-direction: column; } }
.component-13100 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13100:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13100 { flex-direction: column; } }
.component-13101 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13101:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13101 { flex-direction: column; } }
.component-13102 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13102:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13102 { flex-direction: column; } }
.component-13103 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13103:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13103 { flex-direction: column; } }
.component-13104 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13104:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13104 { flex-direction: column; } }
.component-13105 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13105:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13105 { flex-direction: column; } }
.component-13106 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13106:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13106 { flex-direction: column; } }
.component-13107 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13107:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13107 { flex-direction: column; } }
.component-13108 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13108:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13108 { flex-direction: column; } }
.component-13109 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13109:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13109 { flex-direction: column; } }
.component-13110 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13110:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13110 { flex-direction: column; } }
.component-13111 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13111:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13111 { flex-direction: column; } }
.component-13112 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13112:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13112 { flex-direction: column; } }
.component-13113 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13113:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13113 { flex-direction: column; } }
.component-13114 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13114:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13114 { flex-direction: column; } }
.component-13115 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13115:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13115 { flex-direction: column; } }
.component-13116 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13116:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13116 { flex-direction: column; } }
.component-13117 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13117:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13117 { flex-direction: column; } }
.component-13118 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13118:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13118 { flex-direction: column; } }
.component-13119 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13119:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13119 { flex-direction: column; } }
.component-13120 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13120:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13120 { flex-direction: column; } }
.component-13121 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13121:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13121 { flex-direction: column; } }
.component-13122 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13122:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13122 { flex-direction: column; } }
.component-13123 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13123:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13123 { flex-direction: column; } }
.component-13124 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13124:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13124 { flex-direction: column; } }
.component-13125 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13125:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13125 { flex-direction: column; } }
.component-13126 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13126:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13126 { flex-direction: column; } }
.component-13127 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13127:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13127 { flex-direction: column; } }
.component-13128 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13128:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13128 { flex-direction: column; } }
.component-13129 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13129:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13129 { flex-direction: column; } }
.component-13130 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13130:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13130 { flex-direction: column; } }
.component-13131 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13131:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13131 { flex-direction: column; } }
.component-13132 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13132:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13132 { flex-direction: column; } }
.component-13133 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13133:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13133 { flex-direction: column; } }
.component-13134 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13134:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13134 { flex-direction: column; } }
.component-13135 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13135:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13135 { flex-direction: column; } }
.component-13136 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13136:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13136 { flex-direction: column; } }
.component-13137 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13137:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13137 { flex-direction: column; } }
.component-13138 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13138:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13138 { flex-direction: column; } }
.component-13139 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13139:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13139 { flex-direction: column; } }
.component-13140 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13140:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13140 { flex-direction: column; } }
.component-13141 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13141:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13141 { flex-direction: column; } }
.component-13142 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13142:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13142 { flex-direction: column; } }
.component-13143 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13143:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13143 { flex-direction: column; } }
.component-13144 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13144:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13144 { flex-direction: column; } }
.component-13145 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13145:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13145 { flex-direction: column; } }
.component-13146 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13146:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13146 { flex-direction: column; } }
.component-13147 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13147:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13147 { flex-direction: column; } }
.component-13148 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13148:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13148 { flex-direction: column; } }
.component-13149 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13149:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13149 { flex-direction: column; } }
.component-13150 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13150:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13150 { flex-direction: column; } }
.component-13151 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13151:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13151 { flex-direction: column; } }
.component-13152 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13152:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13152 { flex-direction: column; } }
.component-13153 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13153:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13153 { flex-direction: column; } }
.component-13154 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13154:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13154 { flex-direction: column; } }
.component-13155 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13155:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13155 { flex-direction: column; } }
.component-13156 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13156:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13156 { flex-direction: column; } }
.component-13157 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13157:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13157 { flex-direction: column; } }
.component-13158 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13158:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13158 { flex-direction: column; } }
.component-13159 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13159:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13159 { flex-direction: column; } }
.component-13160 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13160:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13160 { flex-direction: column; } }
.component-13161 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13161:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13161 { flex-direction: column; } }
.component-13162 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13162:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13162 { flex-direction: column; } }
.component-13163 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13163:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13163 { flex-direction: column; } }
.component-13164 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13164:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13164 { flex-direction: column; } }
.component-13165 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13165:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13165 { flex-direction: column; } }
.component-13166 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13166:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13166 { flex-direction: column; } }
.component-13167 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13167:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13167 { flex-direction: column; } }
.component-13168 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13168:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13168 { flex-direction: column; } }
.component-13169 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13169:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13169 { flex-direction: column; } }
.component-13170 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13170:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13170 { flex-direction: column; } }
.component-13171 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13171:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13171 { flex-direction: column; } }
.component-13172 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13172:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13172 { flex-direction: column; } }
.component-13173 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13173:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13173 { flex-direction: column; } }
.component-13174 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13174:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13174 { flex-direction: column; } }
.component-13175 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13175:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13175 { flex-direction: column; } }
.component-13176 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13176:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13176 { flex-direction: column; } }
.component-13177 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13177:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13177 { flex-direction: column; } }
.component-13178 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13178:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13178 { flex-direction: column; } }
.component-13179 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13179:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13179 { flex-direction: column; } }
.component-13180 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13180:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13180 { flex-direction: column; } }
.component-13181 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13181:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13181 { flex-direction: column; } }
.component-13182 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13182:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13182 { flex-direction: column; } }
.component-13183 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13183:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13183 { flex-direction: column; } }
.component-13184 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13184:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13184 { flex-direction: column; } }
.component-13185 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13185:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13185 { flex-direction: column; } }
.component-13186 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13186:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13186 { flex-direction: column; } }
.component-13187 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13187:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13187 { flex-direction: column; } }
.component-13188 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13188:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13188 { flex-direction: column; } }
.component-13189 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13189:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13189 { flex-direction: column; } }
.component-13190 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13190:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13190 { flex-direction: column; } }
.component-13191 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13191:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13191 { flex-direction: column; } }
.component-13192 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13192:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13192 { flex-direction: column; } }
.component-13193 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13193:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13193 { flex-direction: column; } }
.component-13194 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13194:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13194 { flex-direction: column; } }
.component-13195 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13195:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13195 { flex-direction: column; } }
.component-13196 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13196:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13196 { flex-direction: column; } }
.component-13197 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13197:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13197 { flex-direction: column; } }
.component-13198 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13198:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13198 { flex-direction: column; } }
.component-13199 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13199:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13199 { flex-direction: column; } }
.component-13200 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13200:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13200 { flex-direction: column; } }
.component-13201 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13201:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13201 { flex-direction: column; } }
.component-13202 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13202:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13202 { flex-direction: column; } }
.component-13203 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13203:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13203 { flex-direction: column; } }
.component-13204 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13204:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13204 { flex-direction: column; } }
.component-13205 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13205:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13205 { flex-direction: column; } }
.component-13206 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13206:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13206 { flex-direction: column; } }
.component-13207 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13207:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13207 { flex-direction: column; } }
.component-13208 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13208:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13208 { flex-direction: column; } }
.component-13209 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13209:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13209 { flex-direction: column; } }
.component-13210 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13210:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13210 { flex-direction: column; } }
.component-13211 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13211:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13211 { flex-direction: column; } }
.component-13212 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13212:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13212 { flex-direction: column; } }
.component-13213 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13213:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13213 { flex-direction: column; } }
.component-13214 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13214:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13214 { flex-direction: column; } }
.component-13215 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13215:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13215 { flex-direction: column; } }
.component-13216 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13216:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13216 { flex-direction: column; } }
.component-13217 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13217:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13217 { flex-direction: column; } }
.component-13218 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13218:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13218 { flex-direction: column; } }
.component-13219 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13219:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13219 { flex-direction: column; } }
.component-13220 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13220:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13220 { flex-direction: column; } }
.component-13221 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13221:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13221 { flex-direction: column; } }
.component-13222 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13222:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13222 { flex-direction: column; } }
.component-13223 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13223:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13223 { flex-direction: column; } }
.component-13224 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13224:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13224 { flex-direction: column; } }
.component-13225 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13225:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13225 { flex-direction: column; } }
.component-13226 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13226:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13226 { flex-direction: column; } }
.component-13227 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13227:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13227 { flex-direction: column; } }
.component-13228 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13228:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13228 { flex-direction: column; } }
.component-13229 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13229:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13229 { flex-direction: column; } }
.component-13230 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13230:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13230 { flex-direction: column; } }
.component-13231 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13231:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13231 { flex-direction: column; } }
.component-13232 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13232:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13232 { flex-direction: column; } }
.component-13233 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13233:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13233 { flex-direction: column; } }
.component-13234 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13234:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13234 { flex-direction: column; } }
.component-13235 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13235:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13235 { flex-direction: column; } }
.component-13236 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13236:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13236 { flex-direction: column; } }
.component-13237 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13237:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13237 { flex-direction: column; } }
.component-13238 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13238:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13238 { flex-direction: column; } }
.component-13239 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13239:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13239 { flex-direction: column; } }
.component-13240 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13240:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13240 { flex-direction: column; } }
.component-13241 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13241:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13241 { flex-direction: column; } }
.component-13242 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13242:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13242 { flex-direction: column; } }
.component-13243 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13243:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13243 { flex-direction: column; } }
.component-13244 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13244:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13244 { flex-direction: column; } }
.component-13245 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13245:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13245 { flex-direction: column; } }
.component-13246 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13246:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13246 { flex-direction: column; } }
.component-13247 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13247:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13247 { flex-direction: column; } }
.component-13248 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13248:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13248 { flex-direction: column; } }
.component-13249 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13249:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13249 { flex-direction: column; } }
.component-13250 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13250:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13250 { flex-direction: column; } }
.component-13251 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13251:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13251 { flex-direction: column; } }
.component-13252 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13252:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13252 { flex-direction: column; } }
.component-13253 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13253:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13253 { flex-direction: column; } }
.component-13254 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13254:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13254 { flex-direction: column; } }
.component-13255 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13255:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13255 { flex-direction: column; } }
.component-13256 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13256:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13256 { flex-direction: column; } }
.component-13257 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13257:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13257 { flex-direction: column; } }
.component-13258 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13258:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13258 { flex-direction: column; } }
.component-13259 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13259:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13259 { flex-direction: column; } }
.component-13260 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13260:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13260 { flex-direction: column; } }
.component-13261 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13261:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13261 { flex-direction: column; } }
.component-13262 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13262:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13262 { flex-direction: column; } }
.component-13263 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13263:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13263 { flex-direction: column; } }
.component-13264 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13264:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13264 { flex-direction: column; } }
.component-13265 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13265:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13265 { flex-direction: column; } }
.component-13266 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13266:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13266 { flex-direction: column; } }
.component-13267 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13267:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13267 { flex-direction: column; } }
.component-13268 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13268:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13268 { flex-direction: column; } }
.component-13269 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13269:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13269 { flex-direction: column; } }
.component-13270 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13270:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13270 { flex-direction: column; } }
.component-13271 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13271:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13271 { flex-direction: column; } }
.component-13272 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13272:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13272 { flex-direction: column; } }
.component-13273 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13273:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13273 { flex-direction: column; } }
.component-13274 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13274:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13274 { flex-direction: column; } }
.component-13275 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13275:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13275 { flex-direction: column; } }
.component-13276 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13276:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13276 { flex-direction: column; } }
.component-13277 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13277:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13277 { flex-direction: column; } }
.component-13278 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13278:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13278 { flex-direction: column; } }
.component-13279 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13279:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13279 { flex-direction: column; } }
.component-13280 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13280:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13280 { flex-direction: column; } }
.component-13281 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13281:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13281 { flex-direction: column; } }
.component-13282 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13282:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13282 { flex-direction: column; } }
.component-13283 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13283:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13283 { flex-direction: column; } }
.component-13284 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13284:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13284 { flex-direction: column; } }
.component-13285 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13285:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13285 { flex-direction: column; } }
.component-13286 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13286:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13286 { flex-direction: column; } }
.component-13287 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13287:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13287 { flex-direction: column; } }
.component-13288 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13288:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13288 { flex-direction: column; } }
.component-13289 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13289:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13289 { flex-direction: column; } }
.component-13290 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13290:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13290 { flex-direction: column; } }
.component-13291 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13291:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13291 { flex-direction: column; } }
.component-13292 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13292:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13292 { flex-direction: column; } }
.component-13293 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13293:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13293 { flex-direction: column; } }
.component-13294 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13294:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13294 { flex-direction: column; } }
.component-13295 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13295:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13295 { flex-direction: column; } }
.component-13296 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13296:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13296 { flex-direction: column; } }
.component-13297 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13297:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13297 { flex-direction: column; } }
.component-13298 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13298:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13298 { flex-direction: column; } }
.component-13299 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13299:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13299 { flex-direction: column; } }
.component-13300 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13300:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13300 { flex-direction: column; } }
.component-13301 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13301:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13301 { flex-direction: column; } }
.component-13302 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13302:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13302 { flex-direction: column; } }
.component-13303 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13303:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13303 { flex-direction: column; } }
.component-13304 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13304:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13304 { flex-direction: column; } }
.component-13305 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13305:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13305 { flex-direction: column; } }
.component-13306 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13306:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13306 { flex-direction: column; } }
.component-13307 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13307:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13307 { flex-direction: column; } }
.component-13308 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13308:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13308 { flex-direction: column; } }
.component-13309 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13309:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13309 { flex-direction: column; } }
.component-13310 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13310:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13310 { flex-direction: column; } }
.component-13311 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13311:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13311 { flex-direction: column; } }
.component-13312 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13312:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13312 { flex-direction: column; } }
.component-13313 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13313:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13313 { flex-direction: column; } }
.component-13314 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13314:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13314 { flex-direction: column; } }
.component-13315 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13315:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13315 { flex-direction: column; } }
.component-13316 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13316:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13316 { flex-direction: column; } }
.component-13317 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13317:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13317 { flex-direction: column; } }
.component-13318 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13318:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13318 { flex-direction: column; } }
.component-13319 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13319:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13319 { flex-direction: column; } }
.component-13320 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13320:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13320 { flex-direction: column; } }
.component-13321 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13321:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13321 { flex-direction: column; } }
.component-13322 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13322:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13322 { flex-direction: column; } }
.component-13323 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13323:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13323 { flex-direction: column; } }
.component-13324 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13324:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13324 { flex-direction: column; } }
.component-13325 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13325:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13325 { flex-direction: column; } }
.component-13326 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13326:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13326 { flex-direction: column; } }
.component-13327 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13327:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13327 { flex-direction: column; } }
.component-13328 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13328:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13328 { flex-direction: column; } }
.component-13329 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13329:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13329 { flex-direction: column; } }
.component-13330 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13330:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13330 { flex-direction: column; } }
.component-13331 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13331:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13331 { flex-direction: column; } }
.component-13332 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13332:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13332 { flex-direction: column; } }
.component-13333 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13333:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13333 { flex-direction: column; } }
.component-13334 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13334:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13334 { flex-direction: column; } }
.component-13335 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13335:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13335 { flex-direction: column; } }
.component-13336 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13336:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13336 { flex-direction: column; } }
.component-13337 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13337:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13337 { flex-direction: column; } }
.component-13338 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13338:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13338 { flex-direction: column; } }
.component-13339 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13339:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13339 { flex-direction: column; } }
.component-13340 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13340:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13340 { flex-direction: column; } }
.component-13341 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13341:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13341 { flex-direction: column; } }
.component-13342 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13342:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13342 { flex-direction: column; } }
.component-13343 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13343:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13343 { flex-direction: column; } }
.component-13344 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13344:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13344 { flex-direction: column; } }
.component-13345 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13345:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13345 { flex-direction: column; } }
.component-13346 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13346:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13346 { flex-direction: column; } }
.component-13347 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13347:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13347 { flex-direction: column; } }
.component-13348 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13348:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13348 { flex-direction: column; } }
.component-13349 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13349:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13349 { flex-direction: column; } }
.component-13350 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13350:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13350 { flex-direction: column; } }
.component-13351 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13351:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13351 { flex-direction: column; } }
.component-13352 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13352:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13352 { flex-direction: column; } }
.component-13353 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13353:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13353 { flex-direction: column; } }
.component-13354 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13354:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13354 { flex-direction: column; } }
.component-13355 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13355:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13355 { flex-direction: column; } }
.component-13356 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13356:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13356 { flex-direction: column; } }
.component-13357 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13357:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13357 { flex-direction: column; } }
.component-13358 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13358:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13358 { flex-direction: column; } }
.component-13359 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13359:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13359 { flex-direction: column; } }
.component-13360 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13360:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13360 { flex-direction: column; } }
.component-13361 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13361:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13361 { flex-direction: column; } }
.component-13362 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13362:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13362 { flex-direction: column; } }
.component-13363 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13363:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13363 { flex-direction: column; } }
.component-13364 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13364:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13364 { flex-direction: column; } }
.component-13365 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13365:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13365 { flex-direction: column; } }
.component-13366 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13366:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13366 { flex-direction: column; } }
.component-13367 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13367:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13367 { flex-direction: column; } }
.component-13368 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13368:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13368 { flex-direction: column; } }
.component-13369 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13369:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13369 { flex-direction: column; } }
.component-13370 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13370:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13370 { flex-direction: column; } }
.component-13371 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13371:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13371 { flex-direction: column; } }
.component-13372 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13372:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13372 { flex-direction: column; } }
.component-13373 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13373:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13373 { flex-direction: column; } }
.component-13374 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13374:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13374 { flex-direction: column; } }
.component-13375 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13375:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13375 { flex-direction: column; } }
.component-13376 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13376:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13376 { flex-direction: column; } }
.component-13377 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13377:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13377 { flex-direction: column; } }
.component-13378 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13378:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13378 { flex-direction: column; } }
.component-13379 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13379:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13379 { flex-direction: column; } }
.component-13380 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13380:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13380 { flex-direction: column; } }
.component-13381 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13381:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13381 { flex-direction: column; } }
.component-13382 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13382:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13382 { flex-direction: column; } }
.component-13383 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13383:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13383 { flex-direction: column; } }
.component-13384 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13384:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13384 { flex-direction: column; } }
.component-13385 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13385:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13385 { flex-direction: column; } }
.component-13386 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13386:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13386 { flex-direction: column; } }
.component-13387 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13387:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13387 { flex-direction: column; } }
.component-13388 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13388:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13388 { flex-direction: column; } }
.component-13389 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13389:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13389 { flex-direction: column; } }
.component-13390 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13390:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13390 { flex-direction: column; } }
.component-13391 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13391:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13391 { flex-direction: column; } }
.component-13392 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13392:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13392 { flex-direction: column; } }
.component-13393 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13393:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13393 { flex-direction: column; } }
.component-13394 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13394:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13394 { flex-direction: column; } }
.component-13395 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13395:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13395 { flex-direction: column; } }
.component-13396 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13396:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13396 { flex-direction: column; } }
.component-13397 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13397:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13397 { flex-direction: column; } }
.component-13398 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13398:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13398 { flex-direction: column; } }
.component-13399 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13399:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13399 { flex-direction: column; } }
.component-13400 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13400:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13400 { flex-direction: column; } }
.component-13401 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13401:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13401 { flex-direction: column; } }
.component-13402 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13402:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13402 { flex-direction: column; } }
.component-13403 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13403:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13403 { flex-direction: column; } }
.component-13404 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13404:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13404 { flex-direction: column; } }
.component-13405 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13405:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13405 { flex-direction: column; } }
.component-13406 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13406:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13406 { flex-direction: column; } }
.component-13407 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13407:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13407 { flex-direction: column; } }
.component-13408 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13408:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13408 { flex-direction: column; } }
.component-13409 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13409:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13409 { flex-direction: column; } }
.component-13410 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13410:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13410 { flex-direction: column; } }
.component-13411 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13411:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13411 { flex-direction: column; } }
.component-13412 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13412:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13412 { flex-direction: column; } }
.component-13413 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13413:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13413 { flex-direction: column; } }
.component-13414 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13414:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13414 { flex-direction: column; } }
.component-13415 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13415:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13415 { flex-direction: column; } }
.component-13416 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13416:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13416 { flex-direction: column; } }
.component-13417 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13417:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13417 { flex-direction: column; } }
.component-13418 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13418:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13418 { flex-direction: column; } }
.component-13419 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13419:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13419 { flex-direction: column; } }
.component-13420 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13420:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13420 { flex-direction: column; } }
.component-13421 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13421:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13421 { flex-direction: column; } }
.component-13422 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13422:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13422 { flex-direction: column; } }
.component-13423 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13423:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13423 { flex-direction: column; } }
.component-13424 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13424:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13424 { flex-direction: column; } }
.component-13425 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13425:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13425 { flex-direction: column; } }
.component-13426 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13426:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13426 { flex-direction: column; } }
.component-13427 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13427:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13427 { flex-direction: column; } }
.component-13428 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13428:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13428 { flex-direction: column; } }
.component-13429 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13429:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13429 { flex-direction: column; } }
.component-13430 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13430:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13430 { flex-direction: column; } }
.component-13431 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13431:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13431 { flex-direction: column; } }
.component-13432 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13432:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13432 { flex-direction: column; } }
.component-13433 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13433:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13433 { flex-direction: column; } }
.component-13434 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13434:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13434 { flex-direction: column; } }
.component-13435 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13435:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13435 { flex-direction: column; } }
.component-13436 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13436:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13436 { flex-direction: column; } }
.component-13437 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13437:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13437 { flex-direction: column; } }
.component-13438 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13438:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13438 { flex-direction: column; } }
.component-13439 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13439:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13439 { flex-direction: column; } }
.component-13440 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13440:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13440 { flex-direction: column; } }
.component-13441 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13441:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13441 { flex-direction: column; } }
.component-13442 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13442:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13442 { flex-direction: column; } }
.component-13443 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13443:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13443 { flex-direction: column; } }
.component-13444 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13444:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13444 { flex-direction: column; } }
.component-13445 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13445:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13445 { flex-direction: column; } }
.component-13446 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13446:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13446 { flex-direction: column; } }
.component-13447 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13447:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13447 { flex-direction: column; } }
.component-13448 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13448:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13448 { flex-direction: column; } }
.component-13449 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13449:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13449 { flex-direction: column; } }
.component-13450 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13450:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13450 { flex-direction: column; } }
.component-13451 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13451:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13451 { flex-direction: column; } }
.component-13452 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13452:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13452 { flex-direction: column; } }
.component-13453 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13453:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13453 { flex-direction: column; } }
.component-13454 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13454:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13454 { flex-direction: column; } }
.component-13455 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13455:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13455 { flex-direction: column; } }
.component-13456 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13456:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13456 { flex-direction: column; } }
.component-13457 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13457:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13457 { flex-direction: column; } }
.component-13458 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13458:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13458 { flex-direction: column; } }
.component-13459 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13459:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13459 { flex-direction: column; } }
.component-13460 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13460:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13460 { flex-direction: column; } }
.component-13461 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13461:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13461 { flex-direction: column; } }
.component-13462 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13462:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13462 { flex-direction: column; } }
.component-13463 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13463:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13463 { flex-direction: column; } }
.component-13464 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13464:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13464 { flex-direction: column; } }
.component-13465 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13465:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13465 { flex-direction: column; } }
.component-13466 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13466:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13466 { flex-direction: column; } }
.component-13467 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13467:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13467 { flex-direction: column; } }
.component-13468 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13468:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13468 { flex-direction: column; } }
.component-13469 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13469:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13469 { flex-direction: column; } }
.component-13470 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13470:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13470 { flex-direction: column; } }
.component-13471 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13471:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13471 { flex-direction: column; } }
.component-13472 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13472:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13472 { flex-direction: column; } }
.component-13473 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13473:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13473 { flex-direction: column; } }
.component-13474 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13474:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13474 { flex-direction: column; } }
.component-13475 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13475:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13475 { flex-direction: column; } }
.component-13476 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13476:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13476 { flex-direction: column; } }
.component-13477 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13477:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13477 { flex-direction: column; } }
.component-13478 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13478:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13478 { flex-direction: column; } }
.component-13479 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13479:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13479 { flex-direction: column; } }
.component-13480 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13480:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13480 { flex-direction: column; } }
.component-13481 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13481:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13481 { flex-direction: column; } }
.component-13482 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13482:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13482 { flex-direction: column; } }
.component-13483 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13483:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13483 { flex-direction: column; } }
.component-13484 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13484:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13484 { flex-direction: column; } }
.component-13485 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13485:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13485 { flex-direction: column; } }
.component-13486 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13486:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13486 { flex-direction: column; } }
.component-13487 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13487:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13487 { flex-direction: column; } }
.component-13488 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13488:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13488 { flex-direction: column; } }
.component-13489 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13489:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13489 { flex-direction: column; } }
.component-13490 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13490:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13490 { flex-direction: column; } }
.component-13491 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13491:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13491 { flex-direction: column; } }
.component-13492 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13492:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13492 { flex-direction: column; } }
.component-13493 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13493:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13493 { flex-direction: column; } }
.component-13494 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13494:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13494 { flex-direction: column; } }
.component-13495 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13495:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13495 { flex-direction: column; } }
.component-13496 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13496:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13496 { flex-direction: column; } }
.component-13497 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13497:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13497 { flex-direction: column; } }
.component-13498 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13498:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13498 { flex-direction: column; } }
.component-13499 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13499:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13499 { flex-direction: column; } }
.component-13500 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13500:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13500 { flex-direction: column; } }
.component-13501 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13501:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13501 { flex-direction: column; } }
.component-13502 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13502:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13502 { flex-direction: column; } }
.component-13503 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13503:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13503 { flex-direction: column; } }
.component-13504 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13504:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13504 { flex-direction: column; } }
.component-13505 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13505:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13505 { flex-direction: column; } }
.component-13506 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13506:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13506 { flex-direction: column; } }
.component-13507 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13507:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13507 { flex-direction: column; } }
.component-13508 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13508:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13508 { flex-direction: column; } }
.component-13509 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13509:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13509 { flex-direction: column; } }
.component-13510 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13510:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13510 { flex-direction: column; } }
.component-13511 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13511:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13511 { flex-direction: column; } }
.component-13512 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13512:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13512 { flex-direction: column; } }
.component-13513 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13513:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13513 { flex-direction: column; } }
.component-13514 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13514:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13514 { flex-direction: column; } }
.component-13515 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13515:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13515 { flex-direction: column; } }
.component-13516 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13516:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13516 { flex-direction: column; } }
.component-13517 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13517:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13517 { flex-direction: column; } }
.component-13518 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13518:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13518 { flex-direction: column; } }
.component-13519 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13519:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13519 { flex-direction: column; } }
.component-13520 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13520:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13520 { flex-direction: column; } }
.component-13521 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13521:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13521 { flex-direction: column; } }
.component-13522 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13522:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13522 { flex-direction: column; } }
.component-13523 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13523:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13523 { flex-direction: column; } }
.component-13524 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13524:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13524 { flex-direction: column; } }
.component-13525 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13525:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13525 { flex-direction: column; } }
.component-13526 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13526:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13526 { flex-direction: column; } }
.component-13527 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13527:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13527 { flex-direction: column; } }
.component-13528 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13528:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13528 { flex-direction: column; } }
.component-13529 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13529:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13529 { flex-direction: column; } }
.component-13530 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13530:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13530 { flex-direction: column; } }
.component-13531 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13531:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13531 { flex-direction: column; } }
.component-13532 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13532:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13532 { flex-direction: column; } }
.component-13533 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13533:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13533 { flex-direction: column; } }
.component-13534 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13534:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13534 { flex-direction: column; } }
.component-13535 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13535:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13535 { flex-direction: column; } }
.component-13536 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13536:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13536 { flex-direction: column; } }
.component-13537 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13537:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13537 { flex-direction: column; } }
.component-13538 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13538:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13538 { flex-direction: column; } }
.component-13539 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13539:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13539 { flex-direction: column; } }
.component-13540 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13540:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13540 { flex-direction: column; } }
.component-13541 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13541:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13541 { flex-direction: column; } }
.component-13542 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13542:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13542 { flex-direction: column; } }
.component-13543 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13543:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13543 { flex-direction: column; } }
.component-13544 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13544:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13544 { flex-direction: column; } }
.component-13545 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13545:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13545 { flex-direction: column; } }
.component-13546 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13546:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13546 { flex-direction: column; } }
.component-13547 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13547:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13547 { flex-direction: column; } }
.component-13548 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13548:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13548 { flex-direction: column; } }
.component-13549 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13549:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13549 { flex-direction: column; } }
.component-13550 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13550:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13550 { flex-direction: column; } }
.component-13551 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13551:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13551 { flex-direction: column; } }
.component-13552 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13552:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13552 { flex-direction: column; } }
.component-13553 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13553:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13553 { flex-direction: column; } }
.component-13554 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13554:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13554 { flex-direction: column; } }
.component-13555 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13555:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13555 { flex-direction: column; } }
.component-13556 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13556:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13556 { flex-direction: column; } }
.component-13557 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13557:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13557 { flex-direction: column; } }
.component-13558 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13558:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13558 { flex-direction: column; } }
.component-13559 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13559:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13559 { flex-direction: column; } }
.component-13560 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13560:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13560 { flex-direction: column; } }
.component-13561 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13561:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13561 { flex-direction: column; } }
.component-13562 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13562:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13562 { flex-direction: column; } }
.component-13563 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13563:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13563 { flex-direction: column; } }
.component-13564 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13564:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13564 { flex-direction: column; } }
.component-13565 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13565:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13565 { flex-direction: column; } }
.component-13566 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13566:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13566 { flex-direction: column; } }
.component-13567 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13567:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13567 { flex-direction: column; } }
.component-13568 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13568:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13568 { flex-direction: column; } }
.component-13569 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13569:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13569 { flex-direction: column; } }
.component-13570 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13570:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13570 { flex-direction: column; } }
.component-13571 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13571:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13571 { flex-direction: column; } }
.component-13572 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13572:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13572 { flex-direction: column; } }
.component-13573 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13573:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13573 { flex-direction: column; } }
.component-13574 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13574:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13574 { flex-direction: column; } }
.component-13575 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13575:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13575 { flex-direction: column; } }
.component-13576 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13576:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13576 { flex-direction: column; } }
.component-13577 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13577:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13577 { flex-direction: column; } }
.component-13578 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13578:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13578 { flex-direction: column; } }
.component-13579 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13579:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13579 { flex-direction: column; } }
.component-13580 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13580:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13580 { flex-direction: column; } }
.component-13581 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13581:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13581 { flex-direction: column; } }
.component-13582 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13582:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13582 { flex-direction: column; } }
.component-13583 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13583:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13583 { flex-direction: column; } }
.component-13584 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13584:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13584 { flex-direction: column; } }
.component-13585 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13585:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13585 { flex-direction: column; } }
.component-13586 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13586:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13586 { flex-direction: column; } }
.component-13587 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13587:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13587 { flex-direction: column; } }
.component-13588 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13588:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13588 { flex-direction: column; } }
.component-13589 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13589:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13589 { flex-direction: column; } }
.component-13590 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13590:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13590 { flex-direction: column; } }
.component-13591 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13591:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13591 { flex-direction: column; } }
.component-13592 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13592:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13592 { flex-direction: column; } }
.component-13593 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13593:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13593 { flex-direction: column; } }
.component-13594 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13594:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13594 { flex-direction: column; } }
.component-13595 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13595:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13595 { flex-direction: column; } }
.component-13596 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13596:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13596 { flex-direction: column; } }
.component-13597 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13597:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13597 { flex-direction: column; } }
.component-13598 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13598:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13598 { flex-direction: column; } }
.component-13599 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13599:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13599 { flex-direction: column; } }
.component-13600 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13600:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13600 { flex-direction: column; } }
.component-13601 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13601:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13601 { flex-direction: column; } }
.component-13602 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13602:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13602 { flex-direction: column; } }
.component-13603 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13603:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13603 { flex-direction: column; } }
.component-13604 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13604:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13604 { flex-direction: column; } }
.component-13605 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13605:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13605 { flex-direction: column; } }
.component-13606 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13606:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13606 { flex-direction: column; } }
.component-13607 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13607:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13607 { flex-direction: column; } }
.component-13608 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13608:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13608 { flex-direction: column; } }
.component-13609 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13609:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13609 { flex-direction: column; } }
.component-13610 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13610:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13610 { flex-direction: column; } }
.component-13611 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13611:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13611 { flex-direction: column; } }
.component-13612 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13612:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13612 { flex-direction: column; } }
.component-13613 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13613:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13613 { flex-direction: column; } }
.component-13614 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13614:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13614 { flex-direction: column; } }
.component-13615 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13615:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13615 { flex-direction: column; } }
.component-13616 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13616:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13616 { flex-direction: column; } }
.component-13617 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13617:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13617 { flex-direction: column; } }
.component-13618 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13618:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13618 { flex-direction: column; } }
.component-13619 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13619:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13619 { flex-direction: column; } }
.component-13620 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13620:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13620 { flex-direction: column; } }
.component-13621 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13621:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13621 { flex-direction: column; } }
.component-13622 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13622:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13622 { flex-direction: column; } }
.component-13623 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13623:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13623 { flex-direction: column; } }
.component-13624 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13624:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13624 { flex-direction: column; } }
.component-13625 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13625:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13625 { flex-direction: column; } }
.component-13626 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13626:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13626 { flex-direction: column; } }
.component-13627 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13627:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13627 { flex-direction: column; } }
.component-13628 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13628:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13628 { flex-direction: column; } }
.component-13629 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13629:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13629 { flex-direction: column; } }
.component-13630 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13630:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13630 { flex-direction: column; } }
.component-13631 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13631:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13631 { flex-direction: column; } }
.component-13632 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13632:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13632 { flex-direction: column; } }
.component-13633 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13633:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13633 { flex-direction: column; } }
.component-13634 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13634:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13634 { flex-direction: column; } }
.component-13635 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13635:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13635 { flex-direction: column; } }
.component-13636 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13636:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13636 { flex-direction: column; } }
.component-13637 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13637:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13637 { flex-direction: column; } }
.component-13638 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13638:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13638 { flex-direction: column; } }
.component-13639 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13639:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13639 { flex-direction: column; } }
.component-13640 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13640:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13640 { flex-direction: column; } }
.component-13641 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13641:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13641 { flex-direction: column; } }
.component-13642 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13642:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13642 { flex-direction: column; } }
.component-13643 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13643:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13643 { flex-direction: column; } }
.component-13644 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13644:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13644 { flex-direction: column; } }
.component-13645 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13645:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13645 { flex-direction: column; } }
.component-13646 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13646:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13646 { flex-direction: column; } }
.component-13647 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13647:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13647 { flex-direction: column; } }
.component-13648 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13648:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13648 { flex-direction: column; } }
.component-13649 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13649:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13649 { flex-direction: column; } }
.component-13650 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13650:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13650 { flex-direction: column; } }
.component-13651 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13651:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13651 { flex-direction: column; } }
.component-13652 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13652:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13652 { flex-direction: column; } }
.component-13653 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13653:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13653 { flex-direction: column; } }
.component-13654 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13654:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13654 { flex-direction: column; } }
.component-13655 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13655:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13655 { flex-direction: column; } }
.component-13656 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13656:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13656 { flex-direction: column; } }
.component-13657 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13657:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13657 { flex-direction: column; } }
.component-13658 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13658:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13658 { flex-direction: column; } }
.component-13659 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13659:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13659 { flex-direction: column; } }
.component-13660 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13660:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13660 { flex-direction: column; } }
.component-13661 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13661:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13661 { flex-direction: column; } }
.component-13662 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13662:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13662 { flex-direction: column; } }
.component-13663 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13663:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13663 { flex-direction: column; } }
.component-13664 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13664:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13664 { flex-direction: column; } }
.component-13665 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13665:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13665 { flex-direction: column; } }
.component-13666 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13666:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13666 { flex-direction: column; } }
.component-13667 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13667:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13667 { flex-direction: column; } }
.component-13668 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13668:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13668 { flex-direction: column; } }
.component-13669 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13669:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13669 { flex-direction: column; } }
.component-13670 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13670:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13670 { flex-direction: column; } }
.component-13671 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13671:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13671 { flex-direction: column; } }
.component-13672 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13672:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13672 { flex-direction: column; } }
.component-13673 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13673:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13673 { flex-direction: column; } }
.component-13674 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13674:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13674 { flex-direction: column; } }
.component-13675 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13675:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13675 { flex-direction: column; } }
.component-13676 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13676:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13676 { flex-direction: column; } }
.component-13677 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13677:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13677 { flex-direction: column; } }
.component-13678 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13678:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13678 { flex-direction: column; } }
.component-13679 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13679:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13679 { flex-direction: column; } }
.component-13680 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13680:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13680 { flex-direction: column; } }
.component-13681 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13681:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13681 { flex-direction: column; } }
.component-13682 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13682:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13682 { flex-direction: column; } }
.component-13683 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13683:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13683 { flex-direction: column; } }
.component-13684 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13684:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13684 { flex-direction: column; } }
.component-13685 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13685:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13685 { flex-direction: column; } }
.component-13686 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13686:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13686 { flex-direction: column; } }
.component-13687 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13687:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13687 { flex-direction: column; } }
.component-13688 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13688:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13688 { flex-direction: column; } }
.component-13689 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13689:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13689 { flex-direction: column; } }
.component-13690 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13690:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13690 { flex-direction: column; } }
.component-13691 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13691:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13691 { flex-direction: column; } }
.component-13692 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13692:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13692 { flex-direction: column; } }
.component-13693 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13693:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13693 { flex-direction: column; } }
.component-13694 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13694:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13694 { flex-direction: column; } }
.component-13695 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13695:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13695 { flex-direction: column; } }
.component-13696 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13696:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13696 { flex-direction: column; } }
.component-13697 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13697:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13697 { flex-direction: column; } }
.component-13698 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13698:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13698 { flex-direction: column; } }
.component-13699 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13699:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13699 { flex-direction: column; } }
.component-13700 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13700:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13700 { flex-direction: column; } }
.component-13701 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13701:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13701 { flex-direction: column; } }
.component-13702 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13702:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13702 { flex-direction: column; } }
.component-13703 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13703:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13703 { flex-direction: column; } }
.component-13704 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13704:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13704 { flex-direction: column; } }
.component-13705 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13705:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13705 { flex-direction: column; } }
.component-13706 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13706:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13706 { flex-direction: column; } }
.component-13707 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13707:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13707 { flex-direction: column; } }
.component-13708 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13708:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13708 { flex-direction: column; } }
.component-13709 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13709:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13709 { flex-direction: column; } }
.component-13710 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13710:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13710 { flex-direction: column; } }
.component-13711 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13711:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13711 { flex-direction: column; } }
.component-13712 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13712:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13712 { flex-direction: column; } }
.component-13713 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13713:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13713 { flex-direction: column; } }
.component-13714 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13714:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13714 { flex-direction: column; } }
.component-13715 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13715:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13715 { flex-direction: column; } }
.component-13716 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13716:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13716 { flex-direction: column; } }
.component-13717 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13717:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13717 { flex-direction: column; } }
.component-13718 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13718:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13718 { flex-direction: column; } }
.component-13719 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13719:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13719 { flex-direction: column; } }
.component-13720 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13720:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13720 { flex-direction: column; } }
.component-13721 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13721:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13721 { flex-direction: column; } }
.component-13722 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13722:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13722 { flex-direction: column; } }
.component-13723 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13723:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13723 { flex-direction: column; } }
.component-13724 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13724:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13724 { flex-direction: column; } }
.component-13725 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13725:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13725 { flex-direction: column; } }
.component-13726 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13726:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13726 { flex-direction: column; } }
.component-13727 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13727:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13727 { flex-direction: column; } }
.component-13728 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13728:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13728 { flex-direction: column; } }
.component-13729 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13729:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13729 { flex-direction: column; } }
.component-13730 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13730:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13730 { flex-direction: column; } }
.component-13731 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13731:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13731 { flex-direction: column; } }
.component-13732 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13732:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13732 { flex-direction: column; } }
.component-13733 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13733:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13733 { flex-direction: column; } }
.component-13734 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13734:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13734 { flex-direction: column; } }
.component-13735 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13735:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13735 { flex-direction: column; } }
.component-13736 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13736:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13736 { flex-direction: column; } }
.component-13737 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13737:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13737 { flex-direction: column; } }
.component-13738 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13738:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13738 { flex-direction: column; } }
.component-13739 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13739:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13739 { flex-direction: column; } }
.component-13740 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13740:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13740 { flex-direction: column; } }
.component-13741 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13741:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13741 { flex-direction: column; } }
.component-13742 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13742:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13742 { flex-direction: column; } }
.component-13743 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13743:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13743 { flex-direction: column; } }
.component-13744 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13744:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13744 { flex-direction: column; } }
.component-13745 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13745:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13745 { flex-direction: column; } }
.component-13746 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13746:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13746 { flex-direction: column; } }
.component-13747 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13747:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13747 { flex-direction: column; } }
.component-13748 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13748:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13748 { flex-direction: column; } }
.component-13749 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13749:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13749 { flex-direction: column; } }
.component-13750 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13750:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13750 { flex-direction: column; } }
.component-13751 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13751:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13751 { flex-direction: column; } }
.component-13752 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13752:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13752 { flex-direction: column; } }
.component-13753 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13753:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13753 { flex-direction: column; } }
.component-13754 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13754:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13754 { flex-direction: column; } }
.component-13755 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13755:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13755 { flex-direction: column; } }
.component-13756 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13756:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13756 { flex-direction: column; } }
.component-13757 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13757:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13757 { flex-direction: column; } }
.component-13758 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13758:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13758 { flex-direction: column; } }
.component-13759 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13759:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13759 { flex-direction: column; } }
.component-13760 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13760:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13760 { flex-direction: column; } }
.component-13761 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13761:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13761 { flex-direction: column; } }
.component-13762 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13762:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13762 { flex-direction: column; } }
.component-13763 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13763:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13763 { flex-direction: column; } }
.component-13764 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13764:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13764 { flex-direction: column; } }
.component-13765 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13765:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13765 { flex-direction: column; } }
.component-13766 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13766:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13766 { flex-direction: column; } }
.component-13767 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13767:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13767 { flex-direction: column; } }
.component-13768 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13768:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13768 { flex-direction: column; } }
.component-13769 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13769:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13769 { flex-direction: column; } }
.component-13770 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13770:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13770 { flex-direction: column; } }
.component-13771 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13771:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13771 { flex-direction: column; } }
.component-13772 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13772:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13772 { flex-direction: column; } }
.component-13773 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13773:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13773 { flex-direction: column; } }
.component-13774 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13774:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13774 { flex-direction: column; } }
.component-13775 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13775:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13775 { flex-direction: column; } }
.component-13776 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13776:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13776 { flex-direction: column; } }
.component-13777 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13777:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13777 { flex-direction: column; } }
.component-13778 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13778:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13778 { flex-direction: column; } }
.component-13779 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13779:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13779 { flex-direction: column; } }
.component-13780 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13780:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13780 { flex-direction: column; } }
.component-13781 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13781:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13781 { flex-direction: column; } }
.component-13782 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13782:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13782 { flex-direction: column; } }
.component-13783 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13783:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13783 { flex-direction: column; } }
.component-13784 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13784:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13784 { flex-direction: column; } }
.component-13785 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13785:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13785 { flex-direction: column; } }
.component-13786 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13786:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13786 { flex-direction: column; } }
.component-13787 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13787:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13787 { flex-direction: column; } }
.component-13788 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13788:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13788 { flex-direction: column; } }
.component-13789 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13789:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13789 { flex-direction: column; } }
.component-13790 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13790:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13790 { flex-direction: column; } }
.component-13791 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13791:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13791 { flex-direction: column; } }
.component-13792 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13792:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13792 { flex-direction: column; } }
.component-13793 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13793:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13793 { flex-direction: column; } }
.component-13794 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13794:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13794 { flex-direction: column; } }
.component-13795 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13795:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13795 { flex-direction: column; } }
.component-13796 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13796:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13796 { flex-direction: column; } }
.component-13797 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13797:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13797 { flex-direction: column; } }
.component-13798 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13798:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13798 { flex-direction: column; } }
.component-13799 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13799:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13799 { flex-direction: column; } }
.component-13800 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13800:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13800 { flex-direction: column; } }
.component-13801 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13801:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13801 { flex-direction: column; } }
.component-13802 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13802:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13802 { flex-direction: column; } }
.component-13803 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13803:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13803 { flex-direction: column; } }
.component-13804 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13804:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13804 { flex-direction: column; } }
.component-13805 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13805:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13805 { flex-direction: column; } }
.component-13806 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13806:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13806 { flex-direction: column; } }
.component-13807 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13807:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13807 { flex-direction: column; } }
.component-13808 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13808:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13808 { flex-direction: column; } }
.component-13809 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13809:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13809 { flex-direction: column; } }
.component-13810 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13810:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13810 { flex-direction: column; } }
.component-13811 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13811:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13811 { flex-direction: column; } }
.component-13812 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13812:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13812 { flex-direction: column; } }
.component-13813 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13813:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13813 { flex-direction: column; } }
.component-13814 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13814:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13814 { flex-direction: column; } }
.component-13815 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13815:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13815 { flex-direction: column; } }
.component-13816 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13816:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13816 { flex-direction: column; } }
.component-13817 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13817:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13817 { flex-direction: column; } }
.component-13818 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13818:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13818 { flex-direction: column; } }
.component-13819 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13819:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13819 { flex-direction: column; } }
.component-13820 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13820:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13820 { flex-direction: column; } }
.component-13821 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13821:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13821 { flex-direction: column; } }
.component-13822 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13822:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13822 { flex-direction: column; } }
.component-13823 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13823:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13823 { flex-direction: column; } }
.component-13824 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13824:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13824 { flex-direction: column; } }
.component-13825 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13825:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13825 { flex-direction: column; } }
.component-13826 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13826:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13826 { flex-direction: column; } }
.component-13827 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13827:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13827 { flex-direction: column; } }
.component-13828 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13828:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13828 { flex-direction: column; } }
.component-13829 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13829:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13829 { flex-direction: column; } }
.component-13830 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13830:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13830 { flex-direction: column; } }
.component-13831 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13831:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13831 { flex-direction: column; } }
.component-13832 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13832:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13832 { flex-direction: column; } }
.component-13833 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13833:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13833 { flex-direction: column; } }
.component-13834 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13834:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13834 { flex-direction: column; } }
.component-13835 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13835:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13835 { flex-direction: column; } }
.component-13836 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13836:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13836 { flex-direction: column; } }
.component-13837 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13837:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13837 { flex-direction: column; } }
.component-13838 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13838:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13838 { flex-direction: column; } }
.component-13839 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13839:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13839 { flex-direction: column; } }
.component-13840 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13840:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13840 { flex-direction: column; } }
.component-13841 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13841:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13841 { flex-direction: column; } }
.component-13842 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13842:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13842 { flex-direction: column; } }
.component-13843 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13843:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13843 { flex-direction: column; } }
.component-13844 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13844:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13844 { flex-direction: column; } }
.component-13845 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13845:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13845 { flex-direction: column; } }
.component-13846 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13846:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13846 { flex-direction: column; } }
.component-13847 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13847:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13847 { flex-direction: column; } }
.component-13848 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13848:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13848 { flex-direction: column; } }
.component-13849 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13849:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13849 { flex-direction: column; } }
.component-13850 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13850:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13850 { flex-direction: column; } }
.component-13851 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13851:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13851 { flex-direction: column; } }
.component-13852 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13852:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13852 { flex-direction: column; } }
.component-13853 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13853:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13853 { flex-direction: column; } }
.component-13854 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13854:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13854 { flex-direction: column; } }
.component-13855 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13855:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13855 { flex-direction: column; } }
.component-13856 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13856:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13856 { flex-direction: column; } }
.component-13857 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13857:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13857 { flex-direction: column; } }
.component-13858 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13858:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13858 { flex-direction: column; } }
.component-13859 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13859:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13859 { flex-direction: column; } }
.component-13860 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13860:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13860 { flex-direction: column; } }
.component-13861 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13861:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13861 { flex-direction: column; } }
.component-13862 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13862:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13862 { flex-direction: column; } }
.component-13863 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13863:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13863 { flex-direction: column; } }
.component-13864 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13864:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13864 { flex-direction: column; } }
.component-13865 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13865:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13865 { flex-direction: column; } }
.component-13866 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13866:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13866 { flex-direction: column; } }
.component-13867 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13867:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13867 { flex-direction: column; } }
.component-13868 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13868:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13868 { flex-direction: column; } }
.component-13869 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13869:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13869 { flex-direction: column; } }
.component-13870 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13870:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13870 { flex-direction: column; } }
.component-13871 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13871:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13871 { flex-direction: column; } }
.component-13872 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13872:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13872 { flex-direction: column; } }
.component-13873 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13873:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13873 { flex-direction: column; } }
.component-13874 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13874:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13874 { flex-direction: column; } }
.component-13875 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13875:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13875 { flex-direction: column; } }
.component-13876 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13876:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13876 { flex-direction: column; } }
.component-13877 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13877:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13877 { flex-direction: column; } }
.component-13878 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13878:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13878 { flex-direction: column; } }
.component-13879 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13879:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13879 { flex-direction: column; } }
.component-13880 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13880:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13880 { flex-direction: column; } }
.component-13881 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13881:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13881 { flex-direction: column; } }
.component-13882 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13882:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13882 { flex-direction: column; } }
.component-13883 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13883:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13883 { flex-direction: column; } }
.component-13884 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13884:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13884 { flex-direction: column; } }
.component-13885 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13885:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13885 { flex-direction: column; } }
.component-13886 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13886:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13886 { flex-direction: column; } }
.component-13887 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13887:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13887 { flex-direction: column; } }
.component-13888 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13888:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13888 { flex-direction: column; } }
.component-13889 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13889:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13889 { flex-direction: column; } }
.component-13890 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13890:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13890 { flex-direction: column; } }
.component-13891 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13891:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13891 { flex-direction: column; } }
.component-13892 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13892:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13892 { flex-direction: column; } }
.component-13893 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13893:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13893 { flex-direction: column; } }
.component-13894 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13894:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13894 { flex-direction: column; } }
.component-13895 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13895:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13895 { flex-direction: column; } }
.component-13896 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13896:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13896 { flex-direction: column; } }
.component-13897 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13897:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13897 { flex-direction: column; } }
.component-13898 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13898:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13898 { flex-direction: column; } }
.component-13899 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13899:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13899 { flex-direction: column; } }
.component-13900 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13900:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13900 { flex-direction: column; } }
.component-13901 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13901:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13901 { flex-direction: column; } }
.component-13902 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13902:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13902 { flex-direction: column; } }
.component-13903 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13903:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13903 { flex-direction: column; } }
.component-13904 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13904:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13904 { flex-direction: column; } }
.component-13905 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13905:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13905 { flex-direction: column; } }
.component-13906 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13906:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13906 { flex-direction: column; } }
.component-13907 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13907:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13907 { flex-direction: column; } }
.component-13908 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13908:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13908 { flex-direction: column; } }
.component-13909 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13909:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13909 { flex-direction: column; } }
.component-13910 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13910:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13910 { flex-direction: column; } }
.component-13911 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13911:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13911 { flex-direction: column; } }
.component-13912 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13912:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13912 { flex-direction: column; } }
.component-13913 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13913:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13913 { flex-direction: column; } }
.component-13914 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13914:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13914 { flex-direction: column; } }
.component-13915 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13915:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13915 { flex-direction: column; } }
.component-13916 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13916:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13916 { flex-direction: column; } }
.component-13917 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13917:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13917 { flex-direction: column; } }
.component-13918 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13918:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13918 { flex-direction: column; } }
.component-13919 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13919:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13919 { flex-direction: column; } }
.component-13920 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13920:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13920 { flex-direction: column; } }
.component-13921 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13921:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13921 { flex-direction: column; } }
.component-13922 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13922:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13922 { flex-direction: column; } }
.component-13923 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13923:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13923 { flex-direction: column; } }
.component-13924 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13924:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13924 { flex-direction: column; } }
.component-13925 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13925:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13925 { flex-direction: column; } }
.component-13926 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13926:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13926 { flex-direction: column; } }
.component-13927 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13927:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13927 { flex-direction: column; } }
.component-13928 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13928:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13928 { flex-direction: column; } }
.component-13929 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13929:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13929 { flex-direction: column; } }
.component-13930 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13930:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13930 { flex-direction: column; } }
.component-13931 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13931:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13931 { flex-direction: column; } }
.component-13932 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13932:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13932 { flex-direction: column; } }
.component-13933 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13933:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13933 { flex-direction: column; } }
.component-13934 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13934:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13934 { flex-direction: column; } }
.component-13935 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13935:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13935 { flex-direction: column; } }
.component-13936 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13936:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13936 { flex-direction: column; } }
.component-13937 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13937:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13937 { flex-direction: column; } }
.component-13938 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13938:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13938 { flex-direction: column; } }
.component-13939 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13939:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13939 { flex-direction: column; } }
.component-13940 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13940:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13940 { flex-direction: column; } }
.component-13941 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13941:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13941 { flex-direction: column; } }
.component-13942 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13942:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13942 { flex-direction: column; } }
.component-13943 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13943:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13943 { flex-direction: column; } }
.component-13944 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13944:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13944 { flex-direction: column; } }
.component-13945 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13945:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13945 { flex-direction: column; } }
.component-13946 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13946:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13946 { flex-direction: column; } }
.component-13947 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13947:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13947 { flex-direction: column; } }
.component-13948 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13948:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13948 { flex-direction: column; } }
.component-13949 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13949:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13949 { flex-direction: column; } }
.component-13950 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13950:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13950 { flex-direction: column; } }
.component-13951 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13951:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13951 { flex-direction: column; } }
.component-13952 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13952:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13952 { flex-direction: column; } }
.component-13953 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13953:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13953 { flex-direction: column; } }
.component-13954 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13954:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13954 { flex-direction: column; } }
.component-13955 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13955:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13955 { flex-direction: column; } }
.component-13956 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13956:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13956 { flex-direction: column; } }
.component-13957 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13957:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13957 { flex-direction: column; } }
.component-13958 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13958:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13958 { flex-direction: column; } }
.component-13959 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13959:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13959 { flex-direction: column; } }
.component-13960 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13960:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13960 { flex-direction: column; } }
.component-13961 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13961:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13961 { flex-direction: column; } }
.component-13962 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13962:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13962 { flex-direction: column; } }
.component-13963 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13963:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13963 { flex-direction: column; } }
.component-13964 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13964:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13964 { flex-direction: column; } }
.component-13965 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13965:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13965 { flex-direction: column; } }
.component-13966 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13966:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13966 { flex-direction: column; } }
.component-13967 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13967:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13967 { flex-direction: column; } }
.component-13968 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13968:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13968 { flex-direction: column; } }
.component-13969 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13969:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13969 { flex-direction: column; } }
.component-13970 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13970:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13970 { flex-direction: column; } }
.component-13971 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13971:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13971 { flex-direction: column; } }
.component-13972 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13972:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13972 { flex-direction: column; } }
.component-13973 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13973:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13973 { flex-direction: column; } }
.component-13974 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13974:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13974 { flex-direction: column; } }
.component-13975 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13975:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13975 { flex-direction: column; } }
.component-13976 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13976:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13976 { flex-direction: column; } }
.component-13977 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13977:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13977 { flex-direction: column; } }
.component-13978 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13978:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13978 { flex-direction: column; } }
.component-13979 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13979:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13979 { flex-direction: column; } }
.component-13980 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13980:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13980 { flex-direction: column; } }
.component-13981 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13981:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13981 { flex-direction: column; } }
.component-13982 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13982:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13982 { flex-direction: column; } }
.component-13983 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13983:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13983 { flex-direction: column; } }
.component-13984 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13984:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13984 { flex-direction: column; } }
.component-13985 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13985:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-13985 { flex-direction: column; } }
.component-13986 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13986:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-13986 { flex-direction: column; } }
.component-13987 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13987:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-13987 { flex-direction: column; } }
.component-13988 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13988:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-13988 { flex-direction: column; } }
.component-13989 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13989:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-13989 { flex-direction: column; } }
.component-13990 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-13990:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-13990 { flex-direction: column; } }
.component-13991 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-13991:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-13991 { flex-direction: column; } }
.component-13992 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-13992:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-13992 { flex-direction: column; } }
.component-13993 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-13993:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-13993 { flex-direction: column; } }
.component-13994 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-13994:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-13994 { flex-direction: column; } }
.component-13995 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-13995:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-13995 { flex-direction: column; } }
.component-13996 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-13996:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-13996 { flex-direction: column; } }
.component-13997 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-13997:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-13997 { flex-direction: column; } }
.component-13998 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-13998:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-13998 { flex-direction: column; } }
.component-13999 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-13999:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-13999 { flex-direction: column; } }
.component-14000 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14000:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14000 { flex-direction: column; } }
.component-14001 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14001:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14001 { flex-direction: column; } }
.component-14002 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14002:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14002 { flex-direction: column; } }
.component-14003 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14003:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14003 { flex-direction: column; } }
.component-14004 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14004:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14004 { flex-direction: column; } }
.component-14005 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14005:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14005 { flex-direction: column; } }
.component-14006 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14006:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14006 { flex-direction: column; } }
.component-14007 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14007:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14007 { flex-direction: column; } }
.component-14008 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14008:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14008 { flex-direction: column; } }
.component-14009 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14009:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14009 { flex-direction: column; } }
.component-14010 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14010:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14010 { flex-direction: column; } }
.component-14011 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14011:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14011 { flex-direction: column; } }
.component-14012 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14012:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14012 { flex-direction: column; } }
.component-14013 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14013:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14013 { flex-direction: column; } }
.component-14014 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14014:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14014 { flex-direction: column; } }
.component-14015 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14015:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14015 { flex-direction: column; } }
.component-14016 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14016:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14016 { flex-direction: column; } }
.component-14017 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14017:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14017 { flex-direction: column; } }
.component-14018 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14018:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14018 { flex-direction: column; } }
.component-14019 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14019:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14019 { flex-direction: column; } }
.component-14020 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14020:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14020 { flex-direction: column; } }
.component-14021 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14021:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14021 { flex-direction: column; } }
.component-14022 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14022:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14022 { flex-direction: column; } }
.component-14023 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14023:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14023 { flex-direction: column; } }
.component-14024 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14024:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14024 { flex-direction: column; } }
.component-14025 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14025:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14025 { flex-direction: column; } }
.component-14026 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14026:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14026 { flex-direction: column; } }
.component-14027 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14027:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14027 { flex-direction: column; } }
.component-14028 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14028:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14028 { flex-direction: column; } }
.component-14029 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14029:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14029 { flex-direction: column; } }
.component-14030 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14030:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14030 { flex-direction: column; } }
.component-14031 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14031:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14031 { flex-direction: column; } }
.component-14032 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14032:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14032 { flex-direction: column; } }
.component-14033 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14033:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14033 { flex-direction: column; } }
.component-14034 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14034:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14034 { flex-direction: column; } }
.component-14035 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14035:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14035 { flex-direction: column; } }
.component-14036 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14036:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14036 { flex-direction: column; } }
.component-14037 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14037:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14037 { flex-direction: column; } }
.component-14038 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14038:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14038 { flex-direction: column; } }
.component-14039 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14039:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14039 { flex-direction: column; } }
.component-14040 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14040:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14040 { flex-direction: column; } }
.component-14041 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14041:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14041 { flex-direction: column; } }
.component-14042 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14042:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14042 { flex-direction: column; } }
.component-14043 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14043:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14043 { flex-direction: column; } }
.component-14044 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14044:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14044 { flex-direction: column; } }
.component-14045 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14045:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14045 { flex-direction: column; } }
.component-14046 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14046:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14046 { flex-direction: column; } }
.component-14047 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14047:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14047 { flex-direction: column; } }
.component-14048 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14048:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14048 { flex-direction: column; } }
.component-14049 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14049:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14049 { flex-direction: column; } }
.component-14050 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14050:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14050 { flex-direction: column; } }
.component-14051 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14051:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14051 { flex-direction: column; } }
.component-14052 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14052:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14052 { flex-direction: column; } }
.component-14053 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14053:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14053 { flex-direction: column; } }
.component-14054 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14054:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14054 { flex-direction: column; } }
.component-14055 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14055:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14055 { flex-direction: column; } }
.component-14056 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14056:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14056 { flex-direction: column; } }
.component-14057 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14057:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14057 { flex-direction: column; } }
.component-14058 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14058:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14058 { flex-direction: column; } }
.component-14059 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14059:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14059 { flex-direction: column; } }
.component-14060 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14060:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14060 { flex-direction: column; } }
.component-14061 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14061:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14061 { flex-direction: column; } }
.component-14062 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14062:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14062 { flex-direction: column; } }
.component-14063 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14063:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14063 { flex-direction: column; } }
.component-14064 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14064:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14064 { flex-direction: column; } }
.component-14065 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14065:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14065 { flex-direction: column; } }
.component-14066 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14066:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14066 { flex-direction: column; } }
.component-14067 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14067:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14067 { flex-direction: column; } }
.component-14068 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14068:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14068 { flex-direction: column; } }
.component-14069 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14069:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14069 { flex-direction: column; } }
.component-14070 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14070:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14070 { flex-direction: column; } }
.component-14071 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14071:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14071 { flex-direction: column; } }
.component-14072 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14072:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14072 { flex-direction: column; } }
.component-14073 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14073:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14073 { flex-direction: column; } }
.component-14074 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14074:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14074 { flex-direction: column; } }
.component-14075 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14075:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14075 { flex-direction: column; } }
.component-14076 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14076:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14076 { flex-direction: column; } }
.component-14077 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14077:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14077 { flex-direction: column; } }
.component-14078 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14078:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14078 { flex-direction: column; } }
.component-14079 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14079:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14079 { flex-direction: column; } }
.component-14080 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14080:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14080 { flex-direction: column; } }
.component-14081 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14081:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14081 { flex-direction: column; } }
.component-14082 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14082:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14082 { flex-direction: column; } }
.component-14083 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14083:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14083 { flex-direction: column; } }
.component-14084 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14084:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14084 { flex-direction: column; } }
.component-14085 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14085:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14085 { flex-direction: column; } }
.component-14086 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14086:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14086 { flex-direction: column; } }
.component-14087 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14087:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14087 { flex-direction: column; } }
.component-14088 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14088:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14088 { flex-direction: column; } }
.component-14089 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14089:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14089 { flex-direction: column; } }
.component-14090 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14090:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14090 { flex-direction: column; } }
.component-14091 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14091:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14091 { flex-direction: column; } }
.component-14092 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14092:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14092 { flex-direction: column; } }
.component-14093 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14093:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14093 { flex-direction: column; } }
.component-14094 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14094:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14094 { flex-direction: column; } }
.component-14095 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14095:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14095 { flex-direction: column; } }
.component-14096 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14096:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14096 { flex-direction: column; } }
.component-14097 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14097:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14097 { flex-direction: column; } }
.component-14098 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14098:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14098 { flex-direction: column; } }
.component-14099 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14099:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14099 { flex-direction: column; } }
.component-14100 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14100:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14100 { flex-direction: column; } }
.component-14101 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14101:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14101 { flex-direction: column; } }
.component-14102 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14102:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14102 { flex-direction: column; } }
.component-14103 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14103:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14103 { flex-direction: column; } }
.component-14104 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14104:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14104 { flex-direction: column; } }
.component-14105 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14105:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14105 { flex-direction: column; } }
.component-14106 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14106:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14106 { flex-direction: column; } }
.component-14107 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14107:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14107 { flex-direction: column; } }
.component-14108 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14108:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14108 { flex-direction: column; } }
.component-14109 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14109:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14109 { flex-direction: column; } }
.component-14110 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14110:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14110 { flex-direction: column; } }
.component-14111 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14111:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14111 { flex-direction: column; } }
.component-14112 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14112:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14112 { flex-direction: column; } }
.component-14113 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14113:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14113 { flex-direction: column; } }
.component-14114 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14114:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14114 { flex-direction: column; } }
.component-14115 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14115:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14115 { flex-direction: column; } }
.component-14116 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14116:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14116 { flex-direction: column; } }
.component-14117 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14117:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14117 { flex-direction: column; } }
.component-14118 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14118:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14118 { flex-direction: column; } }
.component-14119 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14119:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14119 { flex-direction: column; } }
.component-14120 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14120:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14120 { flex-direction: column; } }
.component-14121 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14121:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14121 { flex-direction: column; } }
.component-14122 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14122:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14122 { flex-direction: column; } }
.component-14123 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14123:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14123 { flex-direction: column; } }
.component-14124 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14124:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14124 { flex-direction: column; } }
.component-14125 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14125:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14125 { flex-direction: column; } }
.component-14126 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14126:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14126 { flex-direction: column; } }
.component-14127 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14127:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14127 { flex-direction: column; } }
.component-14128 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14128:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14128 { flex-direction: column; } }
.component-14129 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14129:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14129 { flex-direction: column; } }
.component-14130 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14130:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14130 { flex-direction: column; } }
.component-14131 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14131:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14131 { flex-direction: column; } }
.component-14132 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14132:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14132 { flex-direction: column; } }
.component-14133 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14133:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14133 { flex-direction: column; } }
.component-14134 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14134:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14134 { flex-direction: column; } }
.component-14135 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14135:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14135 { flex-direction: column; } }
.component-14136 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14136:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14136 { flex-direction: column; } }
.component-14137 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14137:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14137 { flex-direction: column; } }
.component-14138 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14138:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14138 { flex-direction: column; } }
.component-14139 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14139:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14139 { flex-direction: column; } }
.component-14140 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14140:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14140 { flex-direction: column; } }
.component-14141 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14141:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14141 { flex-direction: column; } }
.component-14142 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14142:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14142 { flex-direction: column; } }
.component-14143 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14143:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14143 { flex-direction: column; } }
.component-14144 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14144:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14144 { flex-direction: column; } }
.component-14145 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14145:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14145 { flex-direction: column; } }
.component-14146 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14146:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14146 { flex-direction: column; } }
.component-14147 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14147:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14147 { flex-direction: column; } }
.component-14148 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14148:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14148 { flex-direction: column; } }
.component-14149 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14149:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14149 { flex-direction: column; } }
.component-14150 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14150:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14150 { flex-direction: column; } }
.component-14151 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14151:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14151 { flex-direction: column; } }
.component-14152 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14152:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14152 { flex-direction: column; } }
.component-14153 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14153:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14153 { flex-direction: column; } }
.component-14154 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14154:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14154 { flex-direction: column; } }
.component-14155 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14155:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14155 { flex-direction: column; } }
.component-14156 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14156:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14156 { flex-direction: column; } }
.component-14157 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14157:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14157 { flex-direction: column; } }
.component-14158 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14158:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14158 { flex-direction: column; } }
.component-14159 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14159:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14159 { flex-direction: column; } }
.component-14160 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14160:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14160 { flex-direction: column; } }
.component-14161 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14161:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14161 { flex-direction: column; } }
.component-14162 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14162:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14162 { flex-direction: column; } }
.component-14163 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14163:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14163 { flex-direction: column; } }
.component-14164 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14164:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14164 { flex-direction: column; } }
.component-14165 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14165:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14165 { flex-direction: column; } }
.component-14166 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14166:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14166 { flex-direction: column; } }
.component-14167 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14167:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14167 { flex-direction: column; } }
.component-14168 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14168:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14168 { flex-direction: column; } }
.component-14169 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14169:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14169 { flex-direction: column; } }
.component-14170 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14170:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14170 { flex-direction: column; } }
.component-14171 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14171:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14171 { flex-direction: column; } }
.component-14172 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14172:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14172 { flex-direction: column; } }
.component-14173 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14173:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14173 { flex-direction: column; } }
.component-14174 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14174:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14174 { flex-direction: column; } }
.component-14175 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14175:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14175 { flex-direction: column; } }
.component-14176 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14176:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14176 { flex-direction: column; } }
.component-14177 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14177:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14177 { flex-direction: column; } }
.component-14178 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14178:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14178 { flex-direction: column; } }
.component-14179 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14179:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14179 { flex-direction: column; } }
.component-14180 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14180:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14180 { flex-direction: column; } }
.component-14181 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14181:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14181 { flex-direction: column; } }
.component-14182 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14182:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14182 { flex-direction: column; } }
.component-14183 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14183:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14183 { flex-direction: column; } }
.component-14184 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14184:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14184 { flex-direction: column; } }
.component-14185 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14185:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14185 { flex-direction: column; } }
.component-14186 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14186:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14186 { flex-direction: column; } }
.component-14187 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14187:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14187 { flex-direction: column; } }
.component-14188 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14188:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14188 { flex-direction: column; } }
.component-14189 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14189:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14189 { flex-direction: column; } }
.component-14190 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14190:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14190 { flex-direction: column; } }
.component-14191 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14191:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14191 { flex-direction: column; } }
.component-14192 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14192:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14192 { flex-direction: column; } }
.component-14193 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14193:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14193 { flex-direction: column; } }
.component-14194 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14194:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14194 { flex-direction: column; } }
.component-14195 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14195:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14195 { flex-direction: column; } }
.component-14196 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14196:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14196 { flex-direction: column; } }
.component-14197 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14197:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14197 { flex-direction: column; } }
.component-14198 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14198:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14198 { flex-direction: column; } }
.component-14199 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14199:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14199 { flex-direction: column; } }
.component-14200 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14200:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14200 { flex-direction: column; } }
.component-14201 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14201:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14201 { flex-direction: column; } }
.component-14202 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14202:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14202 { flex-direction: column; } }
.component-14203 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14203:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14203 { flex-direction: column; } }
.component-14204 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14204:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14204 { flex-direction: column; } }
.component-14205 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14205:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14205 { flex-direction: column; } }
.component-14206 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14206:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14206 { flex-direction: column; } }
.component-14207 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14207:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14207 { flex-direction: column; } }
.component-14208 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14208:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14208 { flex-direction: column; } }
.component-14209 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14209:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14209 { flex-direction: column; } }
.component-14210 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14210:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14210 { flex-direction: column; } }
.component-14211 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14211:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14211 { flex-direction: column; } }
.component-14212 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14212:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14212 { flex-direction: column; } }
.component-14213 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14213:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14213 { flex-direction: column; } }
.component-14214 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14214:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14214 { flex-direction: column; } }
.component-14215 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14215:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14215 { flex-direction: column; } }
.component-14216 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14216:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14216 { flex-direction: column; } }
.component-14217 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14217:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14217 { flex-direction: column; } }
.component-14218 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14218:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14218 { flex-direction: column; } }
.component-14219 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14219:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14219 { flex-direction: column; } }
.component-14220 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14220:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14220 { flex-direction: column; } }
.component-14221 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14221:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14221 { flex-direction: column; } }
.component-14222 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14222:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14222 { flex-direction: column; } }
.component-14223 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14223:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14223 { flex-direction: column; } }
.component-14224 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14224:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14224 { flex-direction: column; } }
.component-14225 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14225:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14225 { flex-direction: column; } }
.component-14226 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14226:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14226 { flex-direction: column; } }
.component-14227 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14227:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14227 { flex-direction: column; } }
.component-14228 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14228:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14228 { flex-direction: column; } }
.component-14229 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14229:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14229 { flex-direction: column; } }
.component-14230 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14230:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14230 { flex-direction: column; } }
.component-14231 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14231:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14231 { flex-direction: column; } }
.component-14232 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14232:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14232 { flex-direction: column; } }
.component-14233 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14233:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14233 { flex-direction: column; } }
.component-14234 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14234:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14234 { flex-direction: column; } }
.component-14235 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14235:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14235 { flex-direction: column; } }
.component-14236 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14236:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14236 { flex-direction: column; } }
.component-14237 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14237:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14237 { flex-direction: column; } }
.component-14238 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14238:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14238 { flex-direction: column; } }
.component-14239 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14239:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14239 { flex-direction: column; } }
.component-14240 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14240:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14240 { flex-direction: column; } }
.component-14241 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14241:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14241 { flex-direction: column; } }
.component-14242 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14242:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14242 { flex-direction: column; } }
.component-14243 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14243:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14243 { flex-direction: column; } }
.component-14244 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14244:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14244 { flex-direction: column; } }
.component-14245 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14245:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14245 { flex-direction: column; } }
.component-14246 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14246:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14246 { flex-direction: column; } }
.component-14247 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14247:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14247 { flex-direction: column; } }
.component-14248 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14248:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14248 { flex-direction: column; } }
.component-14249 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14249:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14249 { flex-direction: column; } }
.component-14250 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14250:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14250 { flex-direction: column; } }
.component-14251 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14251:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14251 { flex-direction: column; } }
.component-14252 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14252:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14252 { flex-direction: column; } }
.component-14253 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14253:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14253 { flex-direction: column; } }
.component-14254 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14254:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14254 { flex-direction: column; } }
.component-14255 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14255:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14255 { flex-direction: column; } }
.component-14256 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14256:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14256 { flex-direction: column; } }
.component-14257 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14257:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14257 { flex-direction: column; } }
.component-14258 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14258:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14258 { flex-direction: column; } }
.component-14259 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14259:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14259 { flex-direction: column; } }
.component-14260 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14260:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14260 { flex-direction: column; } }
.component-14261 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14261:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14261 { flex-direction: column; } }
.component-14262 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14262:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14262 { flex-direction: column; } }
.component-14263 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14263:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14263 { flex-direction: column; } }
.component-14264 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14264:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14264 { flex-direction: column; } }
.component-14265 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14265:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14265 { flex-direction: column; } }
.component-14266 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14266:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14266 { flex-direction: column; } }
.component-14267 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14267:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14267 { flex-direction: column; } }
.component-14268 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14268:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14268 { flex-direction: column; } }
.component-14269 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14269:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14269 { flex-direction: column; } }
.component-14270 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14270:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14270 { flex-direction: column; } }
.component-14271 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14271:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14271 { flex-direction: column; } }
.component-14272 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14272:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14272 { flex-direction: column; } }
.component-14273 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14273:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14273 { flex-direction: column; } }
.component-14274 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14274:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14274 { flex-direction: column; } }
.component-14275 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14275:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14275 { flex-direction: column; } }
.component-14276 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14276:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14276 { flex-direction: column; } }
.component-14277 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14277:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14277 { flex-direction: column; } }
.component-14278 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14278:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14278 { flex-direction: column; } }
.component-14279 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14279:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14279 { flex-direction: column; } }
.component-14280 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14280:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14280 { flex-direction: column; } }
.component-14281 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14281:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14281 { flex-direction: column; } }
.component-14282 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14282:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14282 { flex-direction: column; } }
.component-14283 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14283:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14283 { flex-direction: column; } }
.component-14284 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14284:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14284 { flex-direction: column; } }
.component-14285 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14285:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14285 { flex-direction: column; } }
.component-14286 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14286:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14286 { flex-direction: column; } }
.component-14287 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14287:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14287 { flex-direction: column; } }
.component-14288 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14288:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14288 { flex-direction: column; } }
.component-14289 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14289:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14289 { flex-direction: column; } }
.component-14290 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14290:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14290 { flex-direction: column; } }
.component-14291 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14291:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14291 { flex-direction: column; } }
.component-14292 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14292:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14292 { flex-direction: column; } }
.component-14293 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14293:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14293 { flex-direction: column; } }
.component-14294 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14294:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14294 { flex-direction: column; } }
.component-14295 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14295:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14295 { flex-direction: column; } }
.component-14296 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14296:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14296 { flex-direction: column; } }
.component-14297 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14297:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14297 { flex-direction: column; } }
.component-14298 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14298:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14298 { flex-direction: column; } }
.component-14299 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14299:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14299 { flex-direction: column; } }
.component-14300 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14300:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14300 { flex-direction: column; } }
.component-14301 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14301:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14301 { flex-direction: column; } }
.component-14302 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14302:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14302 { flex-direction: column; } }
.component-14303 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14303:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14303 { flex-direction: column; } }
.component-14304 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14304:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14304 { flex-direction: column; } }
.component-14305 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14305:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14305 { flex-direction: column; } }
.component-14306 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14306:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14306 { flex-direction: column; } }
.component-14307 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14307:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14307 { flex-direction: column; } }
.component-14308 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14308:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14308 { flex-direction: column; } }
.component-14309 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14309:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14309 { flex-direction: column; } }
.component-14310 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14310:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14310 { flex-direction: column; } }
.component-14311 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14311:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14311 { flex-direction: column; } }
.component-14312 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14312:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14312 { flex-direction: column; } }
.component-14313 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14313:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14313 { flex-direction: column; } }
.component-14314 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14314:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14314 { flex-direction: column; } }
.component-14315 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14315:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14315 { flex-direction: column; } }
.component-14316 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14316:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14316 { flex-direction: column; } }
.component-14317 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14317:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14317 { flex-direction: column; } }
.component-14318 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14318:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14318 { flex-direction: column; } }
.component-14319 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14319:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14319 { flex-direction: column; } }
.component-14320 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14320:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14320 { flex-direction: column; } }
.component-14321 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14321:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14321 { flex-direction: column; } }
.component-14322 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14322:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14322 { flex-direction: column; } }
.component-14323 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14323:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14323 { flex-direction: column; } }
.component-14324 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14324:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14324 { flex-direction: column; } }
.component-14325 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14325:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14325 { flex-direction: column; } }
.component-14326 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14326:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14326 { flex-direction: column; } }
.component-14327 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14327:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14327 { flex-direction: column; } }
.component-14328 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14328:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14328 { flex-direction: column; } }
.component-14329 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14329:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14329 { flex-direction: column; } }
.component-14330 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14330:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14330 { flex-direction: column; } }
.component-14331 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14331:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14331 { flex-direction: column; } }
.component-14332 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14332:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14332 { flex-direction: column; } }
.component-14333 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14333:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14333 { flex-direction: column; } }
.component-14334 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14334:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14334 { flex-direction: column; } }
.component-14335 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14335:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14335 { flex-direction: column; } }
.component-14336 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14336:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14336 { flex-direction: column; } }
.component-14337 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14337:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14337 { flex-direction: column; } }
.component-14338 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14338:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14338 { flex-direction: column; } }
.component-14339 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14339:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14339 { flex-direction: column; } }
.component-14340 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14340:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14340 { flex-direction: column; } }
.component-14341 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14341:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14341 { flex-direction: column; } }
.component-14342 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14342:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14342 { flex-direction: column; } }
.component-14343 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14343:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14343 { flex-direction: column; } }
.component-14344 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14344:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14344 { flex-direction: column; } }
.component-14345 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14345:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14345 { flex-direction: column; } }
.component-14346 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14346:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14346 { flex-direction: column; } }
.component-14347 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14347:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14347 { flex-direction: column; } }
.component-14348 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14348:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14348 { flex-direction: column; } }
.component-14349 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14349:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14349 { flex-direction: column; } }
.component-14350 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14350:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14350 { flex-direction: column; } }
.component-14351 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14351:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14351 { flex-direction: column; } }
.component-14352 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14352:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14352 { flex-direction: column; } }
.component-14353 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14353:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14353 { flex-direction: column; } }
.component-14354 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14354:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14354 { flex-direction: column; } }
.component-14355 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14355:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14355 { flex-direction: column; } }
.component-14356 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14356:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14356 { flex-direction: column; } }
.component-14357 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14357:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14357 { flex-direction: column; } }
.component-14358 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14358:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14358 { flex-direction: column; } }
.component-14359 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14359:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14359 { flex-direction: column; } }
.component-14360 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14360:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14360 { flex-direction: column; } }
.component-14361 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14361:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14361 { flex-direction: column; } }
.component-14362 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14362:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14362 { flex-direction: column; } }
.component-14363 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14363:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14363 { flex-direction: column; } }
.component-14364 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14364:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14364 { flex-direction: column; } }
.component-14365 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14365:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14365 { flex-direction: column; } }
.component-14366 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14366:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14366 { flex-direction: column; } }
.component-14367 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14367:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14367 { flex-direction: column; } }
.component-14368 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14368:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14368 { flex-direction: column; } }
.component-14369 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14369:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14369 { flex-direction: column; } }
.component-14370 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14370:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14370 { flex-direction: column; } }
.component-14371 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14371:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14371 { flex-direction: column; } }
.component-14372 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14372:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14372 { flex-direction: column; } }
.component-14373 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14373:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14373 { flex-direction: column; } }
.component-14374 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14374:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14374 { flex-direction: column; } }
.component-14375 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14375:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14375 { flex-direction: column; } }
.component-14376 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14376:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14376 { flex-direction: column; } }
.component-14377 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14377:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14377 { flex-direction: column; } }
.component-14378 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14378:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14378 { flex-direction: column; } }
.component-14379 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14379:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14379 { flex-direction: column; } }
.component-14380 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14380:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14380 { flex-direction: column; } }
.component-14381 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14381:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14381 { flex-direction: column; } }
.component-14382 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14382:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14382 { flex-direction: column; } }
.component-14383 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14383:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14383 { flex-direction: column; } }
.component-14384 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14384:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14384 { flex-direction: column; } }
.component-14385 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14385:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14385 { flex-direction: column; } }
.component-14386 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14386:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14386 { flex-direction: column; } }
.component-14387 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14387:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14387 { flex-direction: column; } }
.component-14388 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14388:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14388 { flex-direction: column; } }
.component-14389 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14389:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14389 { flex-direction: column; } }
.component-14390 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14390:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14390 { flex-direction: column; } }
.component-14391 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14391:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14391 { flex-direction: column; } }
.component-14392 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14392:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14392 { flex-direction: column; } }
.component-14393 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14393:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14393 { flex-direction: column; } }
.component-14394 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14394:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14394 { flex-direction: column; } }
.component-14395 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14395:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14395 { flex-direction: column; } }
.component-14396 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14396:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14396 { flex-direction: column; } }
.component-14397 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14397:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14397 { flex-direction: column; } }
.component-14398 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14398:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14398 { flex-direction: column; } }
.component-14399 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14399:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14399 { flex-direction: column; } }
.component-14400 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14400:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14400 { flex-direction: column; } }
.component-14401 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14401:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14401 { flex-direction: column; } }
.component-14402 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14402:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14402 { flex-direction: column; } }
.component-14403 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14403:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14403 { flex-direction: column; } }
.component-14404 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14404:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14404 { flex-direction: column; } }
.component-14405 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14405:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14405 { flex-direction: column; } }
.component-14406 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14406:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14406 { flex-direction: column; } }
.component-14407 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14407:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14407 { flex-direction: column; } }
.component-14408 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14408:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14408 { flex-direction: column; } }
.component-14409 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14409:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14409 { flex-direction: column; } }
.component-14410 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14410:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14410 { flex-direction: column; } }
.component-14411 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14411:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14411 { flex-direction: column; } }
.component-14412 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14412:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14412 { flex-direction: column; } }
.component-14413 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14413:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14413 { flex-direction: column; } }
.component-14414 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14414:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14414 { flex-direction: column; } }
.component-14415 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14415:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14415 { flex-direction: column; } }
.component-14416 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14416:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14416 { flex-direction: column; } }
.component-14417 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14417:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14417 { flex-direction: column; } }
.component-14418 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14418:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14418 { flex-direction: column; } }
.component-14419 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14419:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14419 { flex-direction: column; } }
.component-14420 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14420:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14420 { flex-direction: column; } }
.component-14421 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14421:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14421 { flex-direction: column; } }
.component-14422 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14422:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14422 { flex-direction: column; } }
.component-14423 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14423:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14423 { flex-direction: column; } }
.component-14424 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14424:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14424 { flex-direction: column; } }
.component-14425 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14425:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14425 { flex-direction: column; } }
.component-14426 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14426:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14426 { flex-direction: column; } }
.component-14427 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14427:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14427 { flex-direction: column; } }
.component-14428 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14428:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14428 { flex-direction: column; } }
.component-14429 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14429:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14429 { flex-direction: column; } }
.component-14430 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14430:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14430 { flex-direction: column; } }
.component-14431 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14431:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14431 { flex-direction: column; } }
.component-14432 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14432:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14432 { flex-direction: column; } }
.component-14433 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14433:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14433 { flex-direction: column; } }
.component-14434 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14434:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14434 { flex-direction: column; } }
.component-14435 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14435:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14435 { flex-direction: column; } }
.component-14436 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14436:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14436 { flex-direction: column; } }
.component-14437 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14437:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14437 { flex-direction: column; } }
.component-14438 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14438:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14438 { flex-direction: column; } }
.component-14439 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14439:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14439 { flex-direction: column; } }
.component-14440 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14440:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14440 { flex-direction: column; } }
.component-14441 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14441:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14441 { flex-direction: column; } }
.component-14442 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14442:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14442 { flex-direction: column; } }
.component-14443 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14443:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14443 { flex-direction: column; } }
.component-14444 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14444:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14444 { flex-direction: column; } }
.component-14445 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14445:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14445 { flex-direction: column; } }
.component-14446 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14446:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14446 { flex-direction: column; } }
.component-14447 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14447:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14447 { flex-direction: column; } }
.component-14448 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14448:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14448 { flex-direction: column; } }
.component-14449 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14449:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14449 { flex-direction: column; } }
.component-14450 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14450:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14450 { flex-direction: column; } }
.component-14451 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14451:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14451 { flex-direction: column; } }
.component-14452 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14452:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14452 { flex-direction: column; } }
.component-14453 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14453:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14453 { flex-direction: column; } }
.component-14454 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14454:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14454 { flex-direction: column; } }
.component-14455 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14455:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14455 { flex-direction: column; } }
.component-14456 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14456:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14456 { flex-direction: column; } }
.component-14457 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14457:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14457 { flex-direction: column; } }
.component-14458 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14458:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14458 { flex-direction: column; } }
.component-14459 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14459:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14459 { flex-direction: column; } }
.component-14460 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14460:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14460 { flex-direction: column; } }
.component-14461 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14461:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14461 { flex-direction: column; } }
.component-14462 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14462:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14462 { flex-direction: column; } }
.component-14463 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14463:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14463 { flex-direction: column; } }
.component-14464 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14464:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14464 { flex-direction: column; } }
.component-14465 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14465:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14465 { flex-direction: column; } }
.component-14466 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14466:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14466 { flex-direction: column; } }
.component-14467 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14467:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14467 { flex-direction: column; } }
.component-14468 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14468:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14468 { flex-direction: column; } }
.component-14469 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14469:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14469 { flex-direction: column; } }
.component-14470 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14470:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14470 { flex-direction: column; } }
.component-14471 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14471:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14471 { flex-direction: column; } }
.component-14472 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14472:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14472 { flex-direction: column; } }
.component-14473 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14473:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14473 { flex-direction: column; } }
.component-14474 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14474:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14474 { flex-direction: column; } }
.component-14475 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14475:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14475 { flex-direction: column; } }
.component-14476 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14476:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14476 { flex-direction: column; } }
.component-14477 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14477:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14477 { flex-direction: column; } }
.component-14478 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14478:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14478 { flex-direction: column; } }
.component-14479 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14479:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14479 { flex-direction: column; } }
.component-14480 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14480:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14480 { flex-direction: column; } }
.component-14481 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14481:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14481 { flex-direction: column; } }
.component-14482 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14482:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14482 { flex-direction: column; } }
.component-14483 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14483:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14483 { flex-direction: column; } }
.component-14484 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14484:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14484 { flex-direction: column; } }
.component-14485 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14485:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14485 { flex-direction: column; } }
.component-14486 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14486:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14486 { flex-direction: column; } }
.component-14487 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14487:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14487 { flex-direction: column; } }
.component-14488 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14488:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14488 { flex-direction: column; } }
.component-14489 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14489:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14489 { flex-direction: column; } }
.component-14490 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14490:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14490 { flex-direction: column; } }
.component-14491 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14491:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14491 { flex-direction: column; } }
.component-14492 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14492:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14492 { flex-direction: column; } }
.component-14493 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14493:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14493 { flex-direction: column; } }
.component-14494 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14494:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14494 { flex-direction: column; } }
.component-14495 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14495:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14495 { flex-direction: column; } }
.component-14496 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14496:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14496 { flex-direction: column; } }
.component-14497 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14497:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14497 { flex-direction: column; } }
.component-14498 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14498:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14498 { flex-direction: column; } }
.component-14499 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14499:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14499 { flex-direction: column; } }
.component-14500 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14500:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14500 { flex-direction: column; } }
.component-14501 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14501:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14501 { flex-direction: column; } }
.component-14502 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14502:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14502 { flex-direction: column; } }
.component-14503 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14503:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14503 { flex-direction: column; } }
.component-14504 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14504:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14504 { flex-direction: column; } }
.component-14505 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14505:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14505 { flex-direction: column; } }
.component-14506 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14506:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14506 { flex-direction: column; } }
.component-14507 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14507:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14507 { flex-direction: column; } }
.component-14508 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14508:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14508 { flex-direction: column; } }
.component-14509 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14509:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14509 { flex-direction: column; } }
.component-14510 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14510:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14510 { flex-direction: column; } }
.component-14511 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14511:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14511 { flex-direction: column; } }
.component-14512 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14512:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14512 { flex-direction: column; } }
.component-14513 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14513:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14513 { flex-direction: column; } }
.component-14514 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14514:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14514 { flex-direction: column; } }
.component-14515 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14515:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14515 { flex-direction: column; } }
.component-14516 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14516:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14516 { flex-direction: column; } }
.component-14517 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14517:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14517 { flex-direction: column; } }
.component-14518 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14518:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14518 { flex-direction: column; } }
.component-14519 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14519:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14519 { flex-direction: column; } }
.component-14520 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14520:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14520 { flex-direction: column; } }
.component-14521 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14521:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14521 { flex-direction: column; } }
.component-14522 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14522:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14522 { flex-direction: column; } }
.component-14523 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14523:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14523 { flex-direction: column; } }
.component-14524 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14524:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14524 { flex-direction: column; } }
.component-14525 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14525:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14525 { flex-direction: column; } }
.component-14526 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14526:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14526 { flex-direction: column; } }
.component-14527 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14527:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14527 { flex-direction: column; } }
.component-14528 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14528:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14528 { flex-direction: column; } }
.component-14529 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14529:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14529 { flex-direction: column; } }
.component-14530 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14530:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14530 { flex-direction: column; } }
.component-14531 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14531:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14531 { flex-direction: column; } }
.component-14532 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14532:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14532 { flex-direction: column; } }
.component-14533 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14533:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14533 { flex-direction: column; } }
.component-14534 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14534:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14534 { flex-direction: column; } }
.component-14535 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14535:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14535 { flex-direction: column; } }
.component-14536 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14536:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14536 { flex-direction: column; } }
.component-14537 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14537:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14537 { flex-direction: column; } }
.component-14538 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14538:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14538 { flex-direction: column; } }
.component-14539 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14539:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14539 { flex-direction: column; } }
.component-14540 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14540:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14540 { flex-direction: column; } }
.component-14541 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14541:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14541 { flex-direction: column; } }
.component-14542 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14542:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14542 { flex-direction: column; } }
.component-14543 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14543:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14543 { flex-direction: column; } }
.component-14544 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14544:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14544 { flex-direction: column; } }
.component-14545 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14545:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14545 { flex-direction: column; } }
.component-14546 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14546:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14546 { flex-direction: column; } }
.component-14547 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14547:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14547 { flex-direction: column; } }
.component-14548 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14548:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14548 { flex-direction: column; } }
.component-14549 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14549:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14549 { flex-direction: column; } }
.component-14550 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14550:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14550 { flex-direction: column; } }
.component-14551 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14551:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14551 { flex-direction: column; } }
.component-14552 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14552:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14552 { flex-direction: column; } }
.component-14553 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14553:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14553 { flex-direction: column; } }
.component-14554 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14554:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14554 { flex-direction: column; } }
.component-14555 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14555:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14555 { flex-direction: column; } }
.component-14556 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14556:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14556 { flex-direction: column; } }
.component-14557 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14557:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14557 { flex-direction: column; } }
.component-14558 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14558:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14558 { flex-direction: column; } }
.component-14559 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14559:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14559 { flex-direction: column; } }
.component-14560 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14560:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14560 { flex-direction: column; } }
.component-14561 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14561:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14561 { flex-direction: column; } }
.component-14562 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14562:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14562 { flex-direction: column; } }
.component-14563 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14563:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14563 { flex-direction: column; } }
.component-14564 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14564:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14564 { flex-direction: column; } }
.component-14565 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14565:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14565 { flex-direction: column; } }
.component-14566 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14566:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14566 { flex-direction: column; } }
.component-14567 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14567:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14567 { flex-direction: column; } }
.component-14568 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14568:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14568 { flex-direction: column; } }
.component-14569 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14569:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14569 { flex-direction: column; } }
.component-14570 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14570:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14570 { flex-direction: column; } }
.component-14571 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14571:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14571 { flex-direction: column; } }
.component-14572 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14572:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14572 { flex-direction: column; } }
.component-14573 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14573:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14573 { flex-direction: column; } }
.component-14574 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14574:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14574 { flex-direction: column; } }
.component-14575 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14575:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14575 { flex-direction: column; } }
.component-14576 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14576:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14576 { flex-direction: column; } }
.component-14577 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14577:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14577 { flex-direction: column; } }
.component-14578 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14578:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14578 { flex-direction: column; } }
.component-14579 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14579:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14579 { flex-direction: column; } }
.component-14580 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14580:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14580 { flex-direction: column; } }
.component-14581 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14581:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14581 { flex-direction: column; } }
.component-14582 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14582:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14582 { flex-direction: column; } }
.component-14583 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14583:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14583 { flex-direction: column; } }
.component-14584 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14584:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14584 { flex-direction: column; } }
.component-14585 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14585:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14585 { flex-direction: column; } }
.component-14586 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14586:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14586 { flex-direction: column; } }
.component-14587 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14587:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14587 { flex-direction: column; } }
.component-14588 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14588:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14588 { flex-direction: column; } }
.component-14589 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14589:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14589 { flex-direction: column; } }
.component-14590 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14590:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14590 { flex-direction: column; } }
.component-14591 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14591:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14591 { flex-direction: column; } }
.component-14592 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14592:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14592 { flex-direction: column; } }
.component-14593 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14593:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14593 { flex-direction: column; } }
.component-14594 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14594:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14594 { flex-direction: column; } }
.component-14595 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14595:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14595 { flex-direction: column; } }
.component-14596 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14596:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14596 { flex-direction: column; } }
.component-14597 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14597:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14597 { flex-direction: column; } }
.component-14598 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14598:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14598 { flex-direction: column; } }
.component-14599 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14599:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14599 { flex-direction: column; } }
.component-14600 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14600:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14600 { flex-direction: column; } }
.component-14601 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14601:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14601 { flex-direction: column; } }
.component-14602 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14602:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14602 { flex-direction: column; } }
.component-14603 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14603:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14603 { flex-direction: column; } }
.component-14604 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14604:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14604 { flex-direction: column; } }
.component-14605 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14605:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14605 { flex-direction: column; } }
.component-14606 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14606:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14606 { flex-direction: column; } }
.component-14607 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14607:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14607 { flex-direction: column; } }
.component-14608 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14608:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14608 { flex-direction: column; } }
.component-14609 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14609:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14609 { flex-direction: column; } }
.component-14610 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14610:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14610 { flex-direction: column; } }
.component-14611 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14611:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14611 { flex-direction: column; } }
.component-14612 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14612:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14612 { flex-direction: column; } }
.component-14613 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14613:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14613 { flex-direction: column; } }
.component-14614 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14614:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14614 { flex-direction: column; } }
.component-14615 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14615:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14615 { flex-direction: column; } }
.component-14616 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14616:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14616 { flex-direction: column; } }
.component-14617 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14617:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14617 { flex-direction: column; } }
.component-14618 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14618:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14618 { flex-direction: column; } }
.component-14619 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14619:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14619 { flex-direction: column; } }
.component-14620 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14620:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14620 { flex-direction: column; } }
.component-14621 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14621:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14621 { flex-direction: column; } }
.component-14622 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14622:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14622 { flex-direction: column; } }
.component-14623 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14623:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14623 { flex-direction: column; } }
.component-14624 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14624:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14624 { flex-direction: column; } }
.component-14625 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14625:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14625 { flex-direction: column; } }
.component-14626 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14626:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14626 { flex-direction: column; } }
.component-14627 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14627:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14627 { flex-direction: column; } }
.component-14628 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14628:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14628 { flex-direction: column; } }
.component-14629 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14629:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14629 { flex-direction: column; } }
.component-14630 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14630:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14630 { flex-direction: column; } }
.component-14631 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14631:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14631 { flex-direction: column; } }
.component-14632 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14632:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14632 { flex-direction: column; } }
.component-14633 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14633:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14633 { flex-direction: column; } }
.component-14634 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14634:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14634 { flex-direction: column; } }
.component-14635 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14635:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14635 { flex-direction: column; } }
.component-14636 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14636:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14636 { flex-direction: column; } }
.component-14637 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14637:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14637 { flex-direction: column; } }
.component-14638 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14638:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14638 { flex-direction: column; } }
.component-14639 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14639:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14639 { flex-direction: column; } }
.component-14640 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14640:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14640 { flex-direction: column; } }
.component-14641 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14641:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14641 { flex-direction: column; } }
.component-14642 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14642:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14642 { flex-direction: column; } }
.component-14643 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14643:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14643 { flex-direction: column; } }
.component-14644 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14644:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14644 { flex-direction: column; } }
.component-14645 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14645:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14645 { flex-direction: column; } }
.component-14646 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14646:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14646 { flex-direction: column; } }
.component-14647 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14647:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14647 { flex-direction: column; } }
.component-14648 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14648:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14648 { flex-direction: column; } }
.component-14649 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14649:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14649 { flex-direction: column; } }
.component-14650 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14650:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14650 { flex-direction: column; } }
.component-14651 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14651:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14651 { flex-direction: column; } }
.component-14652 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14652:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14652 { flex-direction: column; } }
.component-14653 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14653:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14653 { flex-direction: column; } }
.component-14654 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14654:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14654 { flex-direction: column; } }
.component-14655 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14655:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14655 { flex-direction: column; } }
.component-14656 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14656:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14656 { flex-direction: column; } }
.component-14657 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14657:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14657 { flex-direction: column; } }
.component-14658 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14658:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14658 { flex-direction: column; } }
.component-14659 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14659:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14659 { flex-direction: column; } }
.component-14660 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14660:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14660 { flex-direction: column; } }
.component-14661 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14661:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14661 { flex-direction: column; } }
.component-14662 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14662:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14662 { flex-direction: column; } }
.component-14663 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14663:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14663 { flex-direction: column; } }
.component-14664 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14664:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14664 { flex-direction: column; } }
.component-14665 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14665:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14665 { flex-direction: column; } }
.component-14666 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14666:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14666 { flex-direction: column; } }
.component-14667 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14667:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14667 { flex-direction: column; } }
.component-14668 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14668:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14668 { flex-direction: column; } }
.component-14669 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14669:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14669 { flex-direction: column; } }
.component-14670 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14670:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14670 { flex-direction: column; } }
.component-14671 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14671:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14671 { flex-direction: column; } }
.component-14672 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14672:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14672 { flex-direction: column; } }
.component-14673 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14673:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14673 { flex-direction: column; } }
.component-14674 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14674:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14674 { flex-direction: column; } }
.component-14675 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14675:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14675 { flex-direction: column; } }
.component-14676 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14676:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14676 { flex-direction: column; } }
.component-14677 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14677:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14677 { flex-direction: column; } }
.component-14678 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14678:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14678 { flex-direction: column; } }
.component-14679 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14679:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14679 { flex-direction: column; } }
.component-14680 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14680:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14680 { flex-direction: column; } }
.component-14681 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14681:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14681 { flex-direction: column; } }
.component-14682 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14682:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14682 { flex-direction: column; } }
.component-14683 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14683:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14683 { flex-direction: column; } }
.component-14684 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14684:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14684 { flex-direction: column; } }
.component-14685 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14685:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14685 { flex-direction: column; } }
.component-14686 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14686:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14686 { flex-direction: column; } }
.component-14687 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14687:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14687 { flex-direction: column; } }
.component-14688 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14688:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14688 { flex-direction: column; } }
.component-14689 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14689:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14689 { flex-direction: column; } }
.component-14690 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14690:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14690 { flex-direction: column; } }
.component-14691 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14691:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14691 { flex-direction: column; } }
.component-14692 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14692:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14692 { flex-direction: column; } }
.component-14693 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14693:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14693 { flex-direction: column; } }
.component-14694 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14694:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14694 { flex-direction: column; } }
.component-14695 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14695:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14695 { flex-direction: column; } }
.component-14696 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14696:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14696 { flex-direction: column; } }
.component-14697 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14697:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14697 { flex-direction: column; } }
.component-14698 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14698:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14698 { flex-direction: column; } }
.component-14699 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14699:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14699 { flex-direction: column; } }
.component-14700 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14700:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14700 { flex-direction: column; } }
.component-14701 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14701:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14701 { flex-direction: column; } }
.component-14702 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14702:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14702 { flex-direction: column; } }
.component-14703 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14703:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14703 { flex-direction: column; } }
.component-14704 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14704:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14704 { flex-direction: column; } }
.component-14705 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14705:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14705 { flex-direction: column; } }
.component-14706 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14706:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14706 { flex-direction: column; } }
.component-14707 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14707:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14707 { flex-direction: column; } }
.component-14708 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14708:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14708 { flex-direction: column; } }
.component-14709 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14709:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14709 { flex-direction: column; } }
.component-14710 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14710:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14710 { flex-direction: column; } }
.component-14711 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14711:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14711 { flex-direction: column; } }
.component-14712 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14712:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14712 { flex-direction: column; } }
.component-14713 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14713:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14713 { flex-direction: column; } }
.component-14714 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14714:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14714 { flex-direction: column; } }
.component-14715 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14715:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14715 { flex-direction: column; } }
.component-14716 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14716:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14716 { flex-direction: column; } }
.component-14717 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14717:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14717 { flex-direction: column; } }
.component-14718 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14718:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14718 { flex-direction: column; } }
.component-14719 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14719:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14719 { flex-direction: column; } }
.component-14720 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14720:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14720 { flex-direction: column; } }
.component-14721 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14721:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14721 { flex-direction: column; } }
.component-14722 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14722:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14722 { flex-direction: column; } }
.component-14723 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14723:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14723 { flex-direction: column; } }
.component-14724 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14724:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14724 { flex-direction: column; } }
.component-14725 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14725:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14725 { flex-direction: column; } }
.component-14726 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14726:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14726 { flex-direction: column; } }
.component-14727 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14727:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14727 { flex-direction: column; } }
.component-14728 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14728:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14728 { flex-direction: column; } }
.component-14729 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14729:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14729 { flex-direction: column; } }
.component-14730 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14730:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14730 { flex-direction: column; } }
.component-14731 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14731:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14731 { flex-direction: column; } }
.component-14732 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14732:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14732 { flex-direction: column; } }
.component-14733 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14733:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14733 { flex-direction: column; } }
.component-14734 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14734:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14734 { flex-direction: column; } }
.component-14735 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14735:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14735 { flex-direction: column; } }
.component-14736 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14736:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14736 { flex-direction: column; } }
.component-14737 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14737:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14737 { flex-direction: column; } }
.component-14738 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14738:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14738 { flex-direction: column; } }
.component-14739 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14739:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14739 { flex-direction: column; } }
.component-14740 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14740:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14740 { flex-direction: column; } }
.component-14741 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14741:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14741 { flex-direction: column; } }
.component-14742 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14742:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14742 { flex-direction: column; } }
.component-14743 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14743:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14743 { flex-direction: column; } }
.component-14744 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14744:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14744 { flex-direction: column; } }
.component-14745 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14745:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14745 { flex-direction: column; } }
.component-14746 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14746:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14746 { flex-direction: column; } }
.component-14747 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14747:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14747 { flex-direction: column; } }
.component-14748 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14748:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14748 { flex-direction: column; } }
.component-14749 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14749:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14749 { flex-direction: column; } }
.component-14750 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14750:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14750 { flex-direction: column; } }
.component-14751 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14751:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14751 { flex-direction: column; } }
.component-14752 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14752:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14752 { flex-direction: column; } }
.component-14753 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14753:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14753 { flex-direction: column; } }
.component-14754 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14754:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14754 { flex-direction: column; } }
.component-14755 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14755:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14755 { flex-direction: column; } }
.component-14756 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14756:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14756 { flex-direction: column; } }
.component-14757 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14757:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14757 { flex-direction: column; } }
.component-14758 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14758:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14758 { flex-direction: column; } }
.component-14759 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14759:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14759 { flex-direction: column; } }
.component-14760 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14760:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14760 { flex-direction: column; } }
.component-14761 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14761:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14761 { flex-direction: column; } }
.component-14762 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14762:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14762 { flex-direction: column; } }
.component-14763 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14763:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14763 { flex-direction: column; } }
.component-14764 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14764:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14764 { flex-direction: column; } }
.component-14765 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14765:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14765 { flex-direction: column; } }
.component-14766 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14766:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14766 { flex-direction: column; } }
.component-14767 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14767:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14767 { flex-direction: column; } }
.component-14768 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14768:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14768 { flex-direction: column; } }
.component-14769 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14769:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14769 { flex-direction: column; } }
.component-14770 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14770:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14770 { flex-direction: column; } }
.component-14771 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14771:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14771 { flex-direction: column; } }
.component-14772 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14772:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14772 { flex-direction: column; } }
.component-14773 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14773:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14773 { flex-direction: column; } }
.component-14774 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14774:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14774 { flex-direction: column; } }
.component-14775 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14775:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14775 { flex-direction: column; } }
.component-14776 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14776:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14776 { flex-direction: column; } }
.component-14777 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14777:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14777 { flex-direction: column; } }
.component-14778 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14778:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14778 { flex-direction: column; } }
.component-14779 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14779:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14779 { flex-direction: column; } }
.component-14780 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14780:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14780 { flex-direction: column; } }
.component-14781 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14781:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14781 { flex-direction: column; } }
.component-14782 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14782:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14782 { flex-direction: column; } }
.component-14783 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14783:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14783 { flex-direction: column; } }
.component-14784 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14784:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14784 { flex-direction: column; } }
.component-14785 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14785:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14785 { flex-direction: column; } }
.component-14786 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14786:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14786 { flex-direction: column; } }
.component-14787 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14787:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14787 { flex-direction: column; } }
.component-14788 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14788:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14788 { flex-direction: column; } }
.component-14789 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14789:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14789 { flex-direction: column; } }
.component-14790 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14790:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14790 { flex-direction: column; } }
.component-14791 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14791:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14791 { flex-direction: column; } }
.component-14792 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14792:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14792 { flex-direction: column; } }
.component-14793 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14793:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14793 { flex-direction: column; } }
.component-14794 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14794:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14794 { flex-direction: column; } }
.component-14795 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14795:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14795 { flex-direction: column; } }
.component-14796 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14796:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14796 { flex-direction: column; } }
.component-14797 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14797:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14797 { flex-direction: column; } }
.component-14798 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14798:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14798 { flex-direction: column; } }
.component-14799 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14799:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14799 { flex-direction: column; } }
.component-14800 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14800:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14800 { flex-direction: column; } }
.component-14801 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14801:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14801 { flex-direction: column; } }
.component-14802 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14802:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14802 { flex-direction: column; } }
.component-14803 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14803:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14803 { flex-direction: column; } }
.component-14804 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14804:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14804 { flex-direction: column; } }
.component-14805 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14805:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14805 { flex-direction: column; } }
.component-14806 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14806:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14806 { flex-direction: column; } }
.component-14807 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14807:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14807 { flex-direction: column; } }
.component-14808 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14808:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14808 { flex-direction: column; } }
.component-14809 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14809:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14809 { flex-direction: column; } }
.component-14810 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14810:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14810 { flex-direction: column; } }
.component-14811 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14811:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14811 { flex-direction: column; } }
.component-14812 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14812:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14812 { flex-direction: column; } }
.component-14813 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14813:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14813 { flex-direction: column; } }
.component-14814 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14814:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14814 { flex-direction: column; } }
.component-14815 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14815:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14815 { flex-direction: column; } }
.component-14816 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14816:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14816 { flex-direction: column; } }
.component-14817 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14817:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14817 { flex-direction: column; } }
.component-14818 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14818:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14818 { flex-direction: column; } }
.component-14819 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14819:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14819 { flex-direction: column; } }
.component-14820 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14820:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14820 { flex-direction: column; } }
.component-14821 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14821:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14821 { flex-direction: column; } }
.component-14822 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14822:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14822 { flex-direction: column; } }
.component-14823 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14823:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14823 { flex-direction: column; } }
.component-14824 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14824:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14824 { flex-direction: column; } }
.component-14825 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14825:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14825 { flex-direction: column; } }
.component-14826 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14826:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14826 { flex-direction: column; } }
.component-14827 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14827:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14827 { flex-direction: column; } }
.component-14828 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14828:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14828 { flex-direction: column; } }
.component-14829 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14829:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14829 { flex-direction: column; } }
.component-14830 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14830:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14830 { flex-direction: column; } }
.component-14831 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14831:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14831 { flex-direction: column; } }
.component-14832 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14832:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14832 { flex-direction: column; } }
.component-14833 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14833:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14833 { flex-direction: column; } }
.component-14834 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14834:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14834 { flex-direction: column; } }
.component-14835 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14835:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14835 { flex-direction: column; } }
.component-14836 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14836:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14836 { flex-direction: column; } }
.component-14837 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14837:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14837 { flex-direction: column; } }
.component-14838 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14838:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14838 { flex-direction: column; } }
.component-14839 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14839:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14839 { flex-direction: column; } }
.component-14840 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14840:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14840 { flex-direction: column; } }
.component-14841 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14841:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14841 { flex-direction: column; } }
.component-14842 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14842:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14842 { flex-direction: column; } }
.component-14843 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14843:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14843 { flex-direction: column; } }
.component-14844 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14844:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14844 { flex-direction: column; } }
.component-14845 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14845:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14845 { flex-direction: column; } }
.component-14846 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14846:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14846 { flex-direction: column; } }
.component-14847 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14847:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14847 { flex-direction: column; } }
.component-14848 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14848:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14848 { flex-direction: column; } }
.component-14849 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14849:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14849 { flex-direction: column; } }
.component-14850 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14850:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14850 { flex-direction: column; } }
.component-14851 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14851:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14851 { flex-direction: column; } }
.component-14852 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14852:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14852 { flex-direction: column; } }
.component-14853 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14853:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14853 { flex-direction: column; } }
.component-14854 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14854:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14854 { flex-direction: column; } }
.component-14855 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14855:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14855 { flex-direction: column; } }
.component-14856 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14856:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14856 { flex-direction: column; } }
.component-14857 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14857:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14857 { flex-direction: column; } }
.component-14858 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14858:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14858 { flex-direction: column; } }
.component-14859 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14859:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14859 { flex-direction: column; } }
.component-14860 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14860:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14860 { flex-direction: column; } }
.component-14861 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14861:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14861 { flex-direction: column; } }
.component-14862 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14862:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14862 { flex-direction: column; } }
.component-14863 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14863:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14863 { flex-direction: column; } }
.component-14864 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14864:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14864 { flex-direction: column; } }
.component-14865 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14865:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14865 { flex-direction: column; } }
.component-14866 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14866:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14866 { flex-direction: column; } }
.component-14867 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14867:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14867 { flex-direction: column; } }
.component-14868 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14868:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14868 { flex-direction: column; } }
.component-14869 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14869:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14869 { flex-direction: column; } }
.component-14870 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14870:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14870 { flex-direction: column; } }
.component-14871 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14871:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14871 { flex-direction: column; } }
.component-14872 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14872:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14872 { flex-direction: column; } }
.component-14873 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14873:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14873 { flex-direction: column; } }
.component-14874 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14874:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14874 { flex-direction: column; } }
.component-14875 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14875:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14875 { flex-direction: column; } }
.component-14876 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14876:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14876 { flex-direction: column; } }
.component-14877 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14877:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14877 { flex-direction: column; } }
.component-14878 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14878:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14878 { flex-direction: column; } }
.component-14879 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14879:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14879 { flex-direction: column; } }
.component-14880 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14880:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14880 { flex-direction: column; } }
.component-14881 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14881:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14881 { flex-direction: column; } }
.component-14882 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14882:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14882 { flex-direction: column; } }
.component-14883 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14883:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14883 { flex-direction: column; } }
.component-14884 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14884:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14884 { flex-direction: column; } }
.component-14885 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14885:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14885 { flex-direction: column; } }
.component-14886 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14886:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14886 { flex-direction: column; } }
.component-14887 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14887:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14887 { flex-direction: column; } }
.component-14888 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14888:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14888 { flex-direction: column; } }
.component-14889 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14889:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14889 { flex-direction: column; } }
.component-14890 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14890:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14890 { flex-direction: column; } }
.component-14891 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14891:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14891 { flex-direction: column; } }
.component-14892 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14892:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14892 { flex-direction: column; } }
.component-14893 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14893:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14893 { flex-direction: column; } }
.component-14894 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14894:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14894 { flex-direction: column; } }
.component-14895 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14895:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14895 { flex-direction: column; } }
.component-14896 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14896:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14896 { flex-direction: column; } }
.component-14897 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14897:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14897 { flex-direction: column; } }
.component-14898 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14898:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14898 { flex-direction: column; } }
.component-14899 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14899:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14899 { flex-direction: column; } }
.component-14900 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14900:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14900 { flex-direction: column; } }
.component-14901 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14901:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14901 { flex-direction: column; } }
.component-14902 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14902:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14902 { flex-direction: column; } }
.component-14903 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14903:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14903 { flex-direction: column; } }
.component-14904 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14904:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14904 { flex-direction: column; } }
.component-14905 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14905:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14905 { flex-direction: column; } }
.component-14906 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14906:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14906 { flex-direction: column; } }
.component-14907 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14907:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14907 { flex-direction: column; } }
.component-14908 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14908:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14908 { flex-direction: column; } }
.component-14909 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14909:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14909 { flex-direction: column; } }
.component-14910 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14910:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14910 { flex-direction: column; } }
.component-14911 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14911:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14911 { flex-direction: column; } }
.component-14912 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14912:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14912 { flex-direction: column; } }
.component-14913 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14913:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14913 { flex-direction: column; } }
.component-14914 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14914:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14914 { flex-direction: column; } }
.component-14915 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14915:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14915 { flex-direction: column; } }
.component-14916 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14916:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14916 { flex-direction: column; } }
.component-14917 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14917:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14917 { flex-direction: column; } }
.component-14918 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14918:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14918 { flex-direction: column; } }
.component-14919 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14919:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14919 { flex-direction: column; } }
.component-14920 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14920:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14920 { flex-direction: column; } }
.component-14921 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14921:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14921 { flex-direction: column; } }
.component-14922 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14922:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14922 { flex-direction: column; } }
.component-14923 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14923:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14923 { flex-direction: column; } }
.component-14924 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14924:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14924 { flex-direction: column; } }
.component-14925 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14925:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14925 { flex-direction: column; } }
.component-14926 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14926:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14926 { flex-direction: column; } }
.component-14927 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14927:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14927 { flex-direction: column; } }
.component-14928 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14928:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14928 { flex-direction: column; } }
.component-14929 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14929:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14929 { flex-direction: column; } }
.component-14930 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14930:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14930 { flex-direction: column; } }
.component-14931 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14931:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14931 { flex-direction: column; } }
.component-14932 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14932:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14932 { flex-direction: column; } }
.component-14933 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14933:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14933 { flex-direction: column; } }
.component-14934 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14934:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14934 { flex-direction: column; } }
.component-14935 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14935:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14935 { flex-direction: column; } }
.component-14936 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14936:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14936 { flex-direction: column; } }
.component-14937 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14937:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14937 { flex-direction: column; } }
.component-14938 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14938:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14938 { flex-direction: column; } }
.component-14939 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14939:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14939 { flex-direction: column; } }
.component-14940 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14940:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14940 { flex-direction: column; } }
.component-14941 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14941:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14941 { flex-direction: column; } }
.component-14942 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14942:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14942 { flex-direction: column; } }
.component-14943 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14943:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14943 { flex-direction: column; } }
.component-14944 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14944:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14944 { flex-direction: column; } }
.component-14945 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14945:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14945 { flex-direction: column; } }
.component-14946 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14946:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14946 { flex-direction: column; } }
.component-14947 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14947:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14947 { flex-direction: column; } }
.component-14948 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14948:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14948 { flex-direction: column; } }
.component-14949 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14949:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14949 { flex-direction: column; } }
.component-14950 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14950:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14950 { flex-direction: column; } }
.component-14951 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14951:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14951 { flex-direction: column; } }
.component-14952 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14952:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14952 { flex-direction: column; } }
.component-14953 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14953:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14953 { flex-direction: column; } }
.component-14954 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14954:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14954 { flex-direction: column; } }
.component-14955 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14955:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14955 { flex-direction: column; } }
.component-14956 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14956:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14956 { flex-direction: column; } }
.component-14957 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14957:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14957 { flex-direction: column; } }
.component-14958 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14958:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14958 { flex-direction: column; } }
.component-14959 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14959:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14959 { flex-direction: column; } }
.component-14960 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14960:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14960 { flex-direction: column; } }
.component-14961 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14961:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14961 { flex-direction: column; } }
.component-14962 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14962:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14962 { flex-direction: column; } }
.component-14963 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14963:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14963 { flex-direction: column; } }
.component-14964 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14964:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14964 { flex-direction: column; } }
.component-14965 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14965:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14965 { flex-direction: column; } }
.component-14966 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14966:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14966 { flex-direction: column; } }
.component-14967 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14967:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14967 { flex-direction: column; } }
.component-14968 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14968:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14968 { flex-direction: column; } }
.component-14969 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14969:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14969 { flex-direction: column; } }
.component-14970 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14970:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14970 { flex-direction: column; } }
.component-14971 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14971:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14971 { flex-direction: column; } }
.component-14972 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14972:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14972 { flex-direction: column; } }
.component-14973 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14973:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14973 { flex-direction: column; } }
.component-14974 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14974:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14974 { flex-direction: column; } }
.component-14975 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14975:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14975 { flex-direction: column; } }
.component-14976 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14976:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14976 { flex-direction: column; } }
.component-14977 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14977:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14977 { flex-direction: column; } }
.component-14978 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14978:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14978 { flex-direction: column; } }
.component-14979 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14979:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14979 { flex-direction: column; } }
.component-14980 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14980:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14980 { flex-direction: column; } }
.component-14981 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14981:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14981 { flex-direction: column; } }
.component-14982 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14982:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14982 { flex-direction: column; } }
.component-14983 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14983:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14983 { flex-direction: column; } }
.component-14984 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14984:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14984 { flex-direction: column; } }
.component-14985 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14985:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-14985 { flex-direction: column; } }
.component-14986 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14986:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-14986 { flex-direction: column; } }
.component-14987 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14987:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-14987 { flex-direction: column; } }
.component-14988 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14988:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-14988 { flex-direction: column; } }
.component-14989 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14989:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-14989 { flex-direction: column; } }
.component-14990 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-14990:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-14990 { flex-direction: column; } }
.component-14991 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-14991:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-14991 { flex-direction: column; } }
.component-14992 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-14992:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-14992 { flex-direction: column; } }
.component-14993 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-14993:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-14993 { flex-direction: column; } }
.component-14994 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-14994:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-14994 { flex-direction: column; } }
.component-14995 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-14995:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-14995 { flex-direction: column; } }
.component-14996 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-14996:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-14996 { flex-direction: column; } }
.component-14997 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-14997:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-14997 { flex-direction: column; } }
.component-14998 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-14998:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-14998 { flex-direction: column; } }
.component-14999 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-14999:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-14999 { flex-direction: column; } }
.component-15000 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15000:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15000 { flex-direction: column; } }
.component-15001 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15001:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15001 { flex-direction: column; } }
.component-15002 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15002:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15002 { flex-direction: column; } }
.component-15003 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15003:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15003 { flex-direction: column; } }
.component-15004 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15004:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15004 { flex-direction: column; } }
.component-15005 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15005:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15005 { flex-direction: column; } }
.component-15006 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15006:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15006 { flex-direction: column; } }
.component-15007 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15007:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15007 { flex-direction: column; } }
.component-15008 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15008:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15008 { flex-direction: column; } }
.component-15009 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15009:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15009 { flex-direction: column; } }
.component-15010 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15010:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15010 { flex-direction: column; } }
.component-15011 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15011:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15011 { flex-direction: column; } }
.component-15012 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15012:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15012 { flex-direction: column; } }
.component-15013 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15013:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15013 { flex-direction: column; } }
.component-15014 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15014:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15014 { flex-direction: column; } }
.component-15015 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15015:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15015 { flex-direction: column; } }
.component-15016 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15016:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15016 { flex-direction: column; } }
.component-15017 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15017:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15017 { flex-direction: column; } }
.component-15018 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15018:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15018 { flex-direction: column; } }
.component-15019 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15019:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15019 { flex-direction: column; } }
.component-15020 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15020:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15020 { flex-direction: column; } }
.component-15021 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15021:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15021 { flex-direction: column; } }
.component-15022 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15022:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15022 { flex-direction: column; } }
.component-15023 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15023:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15023 { flex-direction: column; } }
.component-15024 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15024:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15024 { flex-direction: column; } }
.component-15025 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15025:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15025 { flex-direction: column; } }
.component-15026 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15026:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15026 { flex-direction: column; } }
.component-15027 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15027:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15027 { flex-direction: column; } }
.component-15028 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15028:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15028 { flex-direction: column; } }
.component-15029 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15029:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15029 { flex-direction: column; } }
.component-15030 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15030:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15030 { flex-direction: column; } }
.component-15031 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15031:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15031 { flex-direction: column; } }
.component-15032 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15032:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15032 { flex-direction: column; } }
.component-15033 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15033:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15033 { flex-direction: column; } }
.component-15034 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15034:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15034 { flex-direction: column; } }
.component-15035 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15035:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15035 { flex-direction: column; } }
.component-15036 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15036:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15036 { flex-direction: column; } }
.component-15037 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15037:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15037 { flex-direction: column; } }
.component-15038 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15038:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15038 { flex-direction: column; } }
.component-15039 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15039:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15039 { flex-direction: column; } }
.component-15040 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15040:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15040 { flex-direction: column; } }
.component-15041 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15041:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15041 { flex-direction: column; } }
.component-15042 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15042:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15042 { flex-direction: column; } }
.component-15043 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15043:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15043 { flex-direction: column; } }
.component-15044 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15044:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15044 { flex-direction: column; } }
.component-15045 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15045:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15045 { flex-direction: column; } }
.component-15046 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15046:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15046 { flex-direction: column; } }
.component-15047 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15047:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15047 { flex-direction: column; } }
.component-15048 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15048:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15048 { flex-direction: column; } }
.component-15049 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15049:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15049 { flex-direction: column; } }
.component-15050 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15050:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15050 { flex-direction: column; } }
.component-15051 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15051:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15051 { flex-direction: column; } }
.component-15052 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15052:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15052 { flex-direction: column; } }
.component-15053 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15053:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15053 { flex-direction: column; } }
.component-15054 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15054:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15054 { flex-direction: column; } }
.component-15055 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15055:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15055 { flex-direction: column; } }
.component-15056 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15056:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15056 { flex-direction: column; } }
.component-15057 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15057:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15057 { flex-direction: column; } }
.component-15058 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15058:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15058 { flex-direction: column; } }
.component-15059 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15059:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15059 { flex-direction: column; } }
.component-15060 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15060:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15060 { flex-direction: column; } }
.component-15061 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15061:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15061 { flex-direction: column; } }
.component-15062 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15062:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15062 { flex-direction: column; } }
.component-15063 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15063:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15063 { flex-direction: column; } }
.component-15064 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15064:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15064 { flex-direction: column; } }
.component-15065 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15065:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15065 { flex-direction: column; } }
.component-15066 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15066:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15066 { flex-direction: column; } }
.component-15067 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15067:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15067 { flex-direction: column; } }
.component-15068 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15068:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15068 { flex-direction: column; } }
.component-15069 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15069:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15069 { flex-direction: column; } }
.component-15070 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15070:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15070 { flex-direction: column; } }
.component-15071 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15071:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15071 { flex-direction: column; } }
.component-15072 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15072:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15072 { flex-direction: column; } }
.component-15073 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15073:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15073 { flex-direction: column; } }
.component-15074 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15074:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15074 { flex-direction: column; } }
.component-15075 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15075:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15075 { flex-direction: column; } }
.component-15076 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15076:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15076 { flex-direction: column; } }
.component-15077 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15077:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15077 { flex-direction: column; } }
.component-15078 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15078:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15078 { flex-direction: column; } }
.component-15079 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15079:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15079 { flex-direction: column; } }
.component-15080 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15080:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15080 { flex-direction: column; } }
.component-15081 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15081:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15081 { flex-direction: column; } }
.component-15082 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15082:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15082 { flex-direction: column; } }
.component-15083 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15083:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15083 { flex-direction: column; } }
.component-15084 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15084:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15084 { flex-direction: column; } }
.component-15085 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15085:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15085 { flex-direction: column; } }
.component-15086 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15086:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15086 { flex-direction: column; } }
.component-15087 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15087:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15087 { flex-direction: column; } }
.component-15088 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15088:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15088 { flex-direction: column; } }
.component-15089 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15089:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15089 { flex-direction: column; } }
.component-15090 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15090:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15090 { flex-direction: column; } }
.component-15091 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15091:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15091 { flex-direction: column; } }
.component-15092 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15092:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15092 { flex-direction: column; } }
.component-15093 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15093:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15093 { flex-direction: column; } }
.component-15094 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15094:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15094 { flex-direction: column; } }
.component-15095 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15095:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15095 { flex-direction: column; } }
.component-15096 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15096:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15096 { flex-direction: column; } }
.component-15097 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15097:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15097 { flex-direction: column; } }
.component-15098 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15098:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15098 { flex-direction: column; } }
.component-15099 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15099:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15099 { flex-direction: column; } }
.component-15100 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15100:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15100 { flex-direction: column; } }
.component-15101 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15101:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15101 { flex-direction: column; } }
.component-15102 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15102:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15102 { flex-direction: column; } }
.component-15103 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15103:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15103 { flex-direction: column; } }
.component-15104 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15104:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15104 { flex-direction: column; } }
.component-15105 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15105:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15105 { flex-direction: column; } }
.component-15106 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15106:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15106 { flex-direction: column; } }
.component-15107 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15107:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15107 { flex-direction: column; } }
.component-15108 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15108:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15108 { flex-direction: column; } }
.component-15109 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15109:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15109 { flex-direction: column; } }
.component-15110 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15110:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15110 { flex-direction: column; } }
.component-15111 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15111:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15111 { flex-direction: column; } }
.component-15112 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15112:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15112 { flex-direction: column; } }
.component-15113 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15113:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15113 { flex-direction: column; } }
.component-15114 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15114:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15114 { flex-direction: column; } }
.component-15115 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15115:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15115 { flex-direction: column; } }
.component-15116 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15116:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15116 { flex-direction: column; } }
.component-15117 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15117:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15117 { flex-direction: column; } }
.component-15118 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15118:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15118 { flex-direction: column; } }
.component-15119 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15119:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15119 { flex-direction: column; } }
.component-15120 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15120:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15120 { flex-direction: column; } }
.component-15121 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15121:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15121 { flex-direction: column; } }
.component-15122 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15122:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15122 { flex-direction: column; } }
.component-15123 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15123:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15123 { flex-direction: column; } }
.component-15124 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15124:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15124 { flex-direction: column; } }
.component-15125 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15125:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15125 { flex-direction: column; } }
.component-15126 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15126:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15126 { flex-direction: column; } }
.component-15127 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15127:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15127 { flex-direction: column; } }
.component-15128 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15128:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15128 { flex-direction: column; } }
.component-15129 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15129:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15129 { flex-direction: column; } }
.component-15130 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15130:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15130 { flex-direction: column; } }
.component-15131 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15131:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15131 { flex-direction: column; } }
.component-15132 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15132:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15132 { flex-direction: column; } }
.component-15133 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15133:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15133 { flex-direction: column; } }
.component-15134 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15134:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15134 { flex-direction: column; } }
.component-15135 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15135:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15135 { flex-direction: column; } }
.component-15136 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15136:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15136 { flex-direction: column; } }
.component-15137 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15137:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15137 { flex-direction: column; } }
.component-15138 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15138:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15138 { flex-direction: column; } }
.component-15139 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15139:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15139 { flex-direction: column; } }
.component-15140 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15140:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15140 { flex-direction: column; } }
.component-15141 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15141:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15141 { flex-direction: column; } }
.component-15142 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15142:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15142 { flex-direction: column; } }
.component-15143 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15143:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15143 { flex-direction: column; } }
.component-15144 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15144:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15144 { flex-direction: column; } }
.component-15145 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15145:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15145 { flex-direction: column; } }
.component-15146 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15146:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15146 { flex-direction: column; } }
.component-15147 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15147:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15147 { flex-direction: column; } }
.component-15148 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15148:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15148 { flex-direction: column; } }
.component-15149 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15149:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15149 { flex-direction: column; } }
.component-15150 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15150:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15150 { flex-direction: column; } }
.component-15151 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15151:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15151 { flex-direction: column; } }
.component-15152 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15152:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15152 { flex-direction: column; } }
.component-15153 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15153:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15153 { flex-direction: column; } }
.component-15154 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15154:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15154 { flex-direction: column; } }
.component-15155 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15155:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15155 { flex-direction: column; } }
.component-15156 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15156:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15156 { flex-direction: column; } }
.component-15157 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15157:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15157 { flex-direction: column; } }
.component-15158 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15158:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15158 { flex-direction: column; } }
.component-15159 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15159:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15159 { flex-direction: column; } }
.component-15160 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15160:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15160 { flex-direction: column; } }
.component-15161 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15161:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15161 { flex-direction: column; } }
.component-15162 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15162:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15162 { flex-direction: column; } }
.component-15163 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15163:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15163 { flex-direction: column; } }
.component-15164 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15164:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15164 { flex-direction: column; } }
.component-15165 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15165:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15165 { flex-direction: column; } }
.component-15166 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15166:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15166 { flex-direction: column; } }
.component-15167 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15167:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15167 { flex-direction: column; } }
.component-15168 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15168:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15168 { flex-direction: column; } }
.component-15169 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15169:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15169 { flex-direction: column; } }
.component-15170 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15170:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15170 { flex-direction: column; } }
.component-15171 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15171:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15171 { flex-direction: column; } }
.component-15172 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15172:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15172 { flex-direction: column; } }
.component-15173 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15173:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15173 { flex-direction: column; } }
.component-15174 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15174:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15174 { flex-direction: column; } }
.component-15175 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15175:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15175 { flex-direction: column; } }
.component-15176 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15176:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15176 { flex-direction: column; } }
.component-15177 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15177:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15177 { flex-direction: column; } }
.component-15178 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15178:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15178 { flex-direction: column; } }
.component-15179 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15179:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15179 { flex-direction: column; } }
.component-15180 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15180:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15180 { flex-direction: column; } }
.component-15181 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15181:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15181 { flex-direction: column; } }
.component-15182 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15182:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15182 { flex-direction: column; } }
.component-15183 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15183:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15183 { flex-direction: column; } }
.component-15184 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15184:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15184 { flex-direction: column; } }
.component-15185 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15185:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15185 { flex-direction: column; } }
.component-15186 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15186:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15186 { flex-direction: column; } }
.component-15187 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15187:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15187 { flex-direction: column; } }
.component-15188 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15188:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15188 { flex-direction: column; } }
.component-15189 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15189:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15189 { flex-direction: column; } }
.component-15190 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15190:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15190 { flex-direction: column; } }
.component-15191 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15191:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15191 { flex-direction: column; } }
.component-15192 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15192:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15192 { flex-direction: column; } }
.component-15193 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15193:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15193 { flex-direction: column; } }
.component-15194 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15194:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15194 { flex-direction: column; } }
.component-15195 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15195:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15195 { flex-direction: column; } }
.component-15196 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15196:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15196 { flex-direction: column; } }
.component-15197 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15197:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15197 { flex-direction: column; } }
.component-15198 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15198:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15198 { flex-direction: column; } }
.component-15199 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15199:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15199 { flex-direction: column; } }
.component-15200 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15200:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15200 { flex-direction: column; } }
.component-15201 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15201:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15201 { flex-direction: column; } }
.component-15202 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15202:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15202 { flex-direction: column; } }
.component-15203 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15203:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15203 { flex-direction: column; } }
.component-15204 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15204:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15204 { flex-direction: column; } }
.component-15205 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15205:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15205 { flex-direction: column; } }
.component-15206 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15206:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15206 { flex-direction: column; } }
.component-15207 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15207:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15207 { flex-direction: column; } }
.component-15208 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15208:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15208 { flex-direction: column; } }
.component-15209 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15209:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15209 { flex-direction: column; } }
.component-15210 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15210:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15210 { flex-direction: column; } }
.component-15211 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15211:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15211 { flex-direction: column; } }
.component-15212 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15212:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15212 { flex-direction: column; } }
.component-15213 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15213:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15213 { flex-direction: column; } }
.component-15214 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15214:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15214 { flex-direction: column; } }
.component-15215 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15215:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15215 { flex-direction: column; } }
.component-15216 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15216:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15216 { flex-direction: column; } }
.component-15217 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15217:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15217 { flex-direction: column; } }
.component-15218 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15218:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15218 { flex-direction: column; } }
.component-15219 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15219:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15219 { flex-direction: column; } }
.component-15220 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15220:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15220 { flex-direction: column; } }
.component-15221 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15221:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15221 { flex-direction: column; } }
.component-15222 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15222:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15222 { flex-direction: column; } }
.component-15223 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15223:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15223 { flex-direction: column; } }
.component-15224 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15224:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15224 { flex-direction: column; } }
.component-15225 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15225:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15225 { flex-direction: column; } }
.component-15226 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15226:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15226 { flex-direction: column; } }
.component-15227 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15227:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15227 { flex-direction: column; } }
.component-15228 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15228:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15228 { flex-direction: column; } }
.component-15229 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15229:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15229 { flex-direction: column; } }
.component-15230 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15230:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15230 { flex-direction: column; } }
.component-15231 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15231:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15231 { flex-direction: column; } }
.component-15232 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15232:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15232 { flex-direction: column; } }
.component-15233 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15233:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15233 { flex-direction: column; } }
.component-15234 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15234:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15234 { flex-direction: column; } }
.component-15235 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15235:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15235 { flex-direction: column; } }
.component-15236 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15236:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15236 { flex-direction: column; } }
.component-15237 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15237:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15237 { flex-direction: column; } }
.component-15238 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15238:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15238 { flex-direction: column; } }
.component-15239 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15239:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15239 { flex-direction: column; } }
.component-15240 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15240:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15240 { flex-direction: column; } }
.component-15241 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15241:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15241 { flex-direction: column; } }
.component-15242 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15242:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15242 { flex-direction: column; } }
.component-15243 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15243:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15243 { flex-direction: column; } }
.component-15244 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15244:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15244 { flex-direction: column; } }
.component-15245 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15245:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15245 { flex-direction: column; } }
.component-15246 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15246:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15246 { flex-direction: column; } }
.component-15247 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15247:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15247 { flex-direction: column; } }
.component-15248 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15248:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15248 { flex-direction: column; } }
.component-15249 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15249:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15249 { flex-direction: column; } }
.component-15250 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15250:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15250 { flex-direction: column; } }
.component-15251 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15251:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15251 { flex-direction: column; } }
.component-15252 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15252:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15252 { flex-direction: column; } }
.component-15253 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15253:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15253 { flex-direction: column; } }
.component-15254 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15254:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15254 { flex-direction: column; } }
.component-15255 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15255:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15255 { flex-direction: column; } }
.component-15256 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15256:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15256 { flex-direction: column; } }
.component-15257 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15257:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15257 { flex-direction: column; } }
.component-15258 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15258:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15258 { flex-direction: column; } }
.component-15259 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15259:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15259 { flex-direction: column; } }
.component-15260 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15260:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15260 { flex-direction: column; } }
.component-15261 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15261:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15261 { flex-direction: column; } }
.component-15262 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15262:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15262 { flex-direction: column; } }
.component-15263 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15263:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15263 { flex-direction: column; } }
.component-15264 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15264:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15264 { flex-direction: column; } }
.component-15265 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15265:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15265 { flex-direction: column; } }
.component-15266 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15266:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15266 { flex-direction: column; } }
.component-15267 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15267:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15267 { flex-direction: column; } }
.component-15268 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15268:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15268 { flex-direction: column; } }
.component-15269 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15269:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15269 { flex-direction: column; } }
.component-15270 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15270:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15270 { flex-direction: column; } }
.component-15271 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15271:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15271 { flex-direction: column; } }
.component-15272 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15272:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15272 { flex-direction: column; } }
.component-15273 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15273:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15273 { flex-direction: column; } }
.component-15274 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15274:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15274 { flex-direction: column; } }
.component-15275 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15275:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15275 { flex-direction: column; } }
.component-15276 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15276:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15276 { flex-direction: column; } }
.component-15277 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15277:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15277 { flex-direction: column; } }
.component-15278 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15278:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15278 { flex-direction: column; } }
.component-15279 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15279:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15279 { flex-direction: column; } }
.component-15280 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15280:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15280 { flex-direction: column; } }
.component-15281 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15281:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15281 { flex-direction: column; } }
.component-15282 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15282:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15282 { flex-direction: column; } }
.component-15283 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15283:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15283 { flex-direction: column; } }
.component-15284 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15284:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15284 { flex-direction: column; } }
.component-15285 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15285:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15285 { flex-direction: column; } }
.component-15286 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15286:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15286 { flex-direction: column; } }
.component-15287 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15287:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15287 { flex-direction: column; } }
.component-15288 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15288:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15288 { flex-direction: column; } }
.component-15289 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15289:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15289 { flex-direction: column; } }
.component-15290 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15290:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15290 { flex-direction: column; } }
.component-15291 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15291:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15291 { flex-direction: column; } }
.component-15292 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15292:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15292 { flex-direction: column; } }
.component-15293 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15293:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15293 { flex-direction: column; } }
.component-15294 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15294:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15294 { flex-direction: column; } }
.component-15295 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15295:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15295 { flex-direction: column; } }
.component-15296 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15296:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15296 { flex-direction: column; } }
.component-15297 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15297:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15297 { flex-direction: column; } }
.component-15298 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15298:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15298 { flex-direction: column; } }
.component-15299 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15299:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15299 { flex-direction: column; } }
.component-15300 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15300:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15300 { flex-direction: column; } }
.component-15301 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15301:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15301 { flex-direction: column; } }
.component-15302 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15302:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15302 { flex-direction: column; } }
.component-15303 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15303:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15303 { flex-direction: column; } }
.component-15304 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15304:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15304 { flex-direction: column; } }
.component-15305 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15305:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15305 { flex-direction: column; } }
.component-15306 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15306:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15306 { flex-direction: column; } }
.component-15307 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15307:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15307 { flex-direction: column; } }
.component-15308 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15308:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15308 { flex-direction: column; } }
.component-15309 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15309:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15309 { flex-direction: column; } }
.component-15310 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15310:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15310 { flex-direction: column; } }
.component-15311 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15311:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15311 { flex-direction: column; } }
.component-15312 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15312:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15312 { flex-direction: column; } }
.component-15313 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15313:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15313 { flex-direction: column; } }
.component-15314 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15314:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15314 { flex-direction: column; } }
.component-15315 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15315:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15315 { flex-direction: column; } }
.component-15316 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15316:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15316 { flex-direction: column; } }
.component-15317 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15317:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15317 { flex-direction: column; } }
.component-15318 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15318:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15318 { flex-direction: column; } }
.component-15319 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15319:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15319 { flex-direction: column; } }
.component-15320 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15320:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15320 { flex-direction: column; } }
.component-15321 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15321:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15321 { flex-direction: column; } }
.component-15322 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15322:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15322 { flex-direction: column; } }
.component-15323 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15323:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15323 { flex-direction: column; } }
.component-15324 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15324:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15324 { flex-direction: column; } }
.component-15325 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15325:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15325 { flex-direction: column; } }
.component-15326 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15326:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15326 { flex-direction: column; } }
.component-15327 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15327:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15327 { flex-direction: column; } }
.component-15328 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15328:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15328 { flex-direction: column; } }
.component-15329 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15329:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15329 { flex-direction: column; } }
.component-15330 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15330:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15330 { flex-direction: column; } }
.component-15331 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15331:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15331 { flex-direction: column; } }
.component-15332 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15332:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15332 { flex-direction: column; } }
.component-15333 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15333:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15333 { flex-direction: column; } }
.component-15334 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15334:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15334 { flex-direction: column; } }
.component-15335 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15335:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15335 { flex-direction: column; } }
.component-15336 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15336:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15336 { flex-direction: column; } }
.component-15337 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15337:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15337 { flex-direction: column; } }
.component-15338 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15338:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15338 { flex-direction: column; } }
.component-15339 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15339:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15339 { flex-direction: column; } }
.component-15340 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15340:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15340 { flex-direction: column; } }
.component-15341 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15341:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15341 { flex-direction: column; } }
.component-15342 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15342:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15342 { flex-direction: column; } }
.component-15343 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15343:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15343 { flex-direction: column; } }
.component-15344 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15344:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15344 { flex-direction: column; } }
.component-15345 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15345:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15345 { flex-direction: column; } }
.component-15346 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15346:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15346 { flex-direction: column; } }
.component-15347 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15347:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15347 { flex-direction: column; } }
.component-15348 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15348:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15348 { flex-direction: column; } }
.component-15349 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15349:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15349 { flex-direction: column; } }
.component-15350 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15350:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15350 { flex-direction: column; } }
.component-15351 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15351:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15351 { flex-direction: column; } }
.component-15352 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15352:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15352 { flex-direction: column; } }
.component-15353 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15353:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15353 { flex-direction: column; } }
.component-15354 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15354:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15354 { flex-direction: column; } }
.component-15355 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15355:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15355 { flex-direction: column; } }
.component-15356 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15356:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15356 { flex-direction: column; } }
.component-15357 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15357:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15357 { flex-direction: column; } }
.component-15358 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15358:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15358 { flex-direction: column; } }
.component-15359 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15359:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15359 { flex-direction: column; } }
.component-15360 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15360:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15360 { flex-direction: column; } }
.component-15361 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15361:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15361 { flex-direction: column; } }
.component-15362 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15362:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15362 { flex-direction: column; } }
.component-15363 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15363:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15363 { flex-direction: column; } }
.component-15364 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15364:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15364 { flex-direction: column; } }
.component-15365 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15365:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15365 { flex-direction: column; } }
.component-15366 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15366:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15366 { flex-direction: column; } }
.component-15367 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15367:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15367 { flex-direction: column; } }
.component-15368 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15368:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15368 { flex-direction: column; } }
.component-15369 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15369:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15369 { flex-direction: column; } }
.component-15370 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15370:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15370 { flex-direction: column; } }
.component-15371 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15371:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15371 { flex-direction: column; } }
.component-15372 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15372:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15372 { flex-direction: column; } }
.component-15373 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15373:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15373 { flex-direction: column; } }
.component-15374 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15374:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15374 { flex-direction: column; } }
.component-15375 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15375:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15375 { flex-direction: column; } }
.component-15376 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15376:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15376 { flex-direction: column; } }
.component-15377 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15377:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15377 { flex-direction: column; } }
.component-15378 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15378:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15378 { flex-direction: column; } }
.component-15379 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15379:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15379 { flex-direction: column; } }
.component-15380 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15380:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15380 { flex-direction: column; } }
.component-15381 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15381:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15381 { flex-direction: column; } }
.component-15382 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15382:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15382 { flex-direction: column; } }
.component-15383 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15383:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15383 { flex-direction: column; } }
.component-15384 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15384:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15384 { flex-direction: column; } }
.component-15385 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15385:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15385 { flex-direction: column; } }
.component-15386 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15386:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15386 { flex-direction: column; } }
.component-15387 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15387:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15387 { flex-direction: column; } }
.component-15388 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15388:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15388 { flex-direction: column; } }
.component-15389 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15389:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15389 { flex-direction: column; } }
.component-15390 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15390:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15390 { flex-direction: column; } }
.component-15391 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15391:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15391 { flex-direction: column; } }
.component-15392 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15392:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15392 { flex-direction: column; } }
.component-15393 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15393:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15393 { flex-direction: column; } }
.component-15394 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15394:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15394 { flex-direction: column; } }
.component-15395 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15395:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15395 { flex-direction: column; } }
.component-15396 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15396:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15396 { flex-direction: column; } }
.component-15397 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15397:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15397 { flex-direction: column; } }
.component-15398 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15398:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15398 { flex-direction: column; } }
.component-15399 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15399:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15399 { flex-direction: column; } }
.component-15400 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15400:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15400 { flex-direction: column; } }
.component-15401 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15401:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15401 { flex-direction: column; } }
.component-15402 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15402:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15402 { flex-direction: column; } }
.component-15403 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15403:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15403 { flex-direction: column; } }
.component-15404 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15404:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15404 { flex-direction: column; } }
.component-15405 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15405:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15405 { flex-direction: column; } }
.component-15406 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15406:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15406 { flex-direction: column; } }
.component-15407 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15407:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15407 { flex-direction: column; } }
.component-15408 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15408:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15408 { flex-direction: column; } }
.component-15409 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15409:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15409 { flex-direction: column; } }
.component-15410 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15410:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15410 { flex-direction: column; } }
.component-15411 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15411:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15411 { flex-direction: column; } }
.component-15412 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15412:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15412 { flex-direction: column; } }
.component-15413 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15413:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15413 { flex-direction: column; } }
.component-15414 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15414:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15414 { flex-direction: column; } }
.component-15415 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15415:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15415 { flex-direction: column; } }
.component-15416 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15416:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15416 { flex-direction: column; } }
.component-15417 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15417:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15417 { flex-direction: column; } }
.component-15418 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15418:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15418 { flex-direction: column; } }
.component-15419 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15419:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15419 { flex-direction: column; } }
.component-15420 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15420:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15420 { flex-direction: column; } }
.component-15421 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15421:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15421 { flex-direction: column; } }
.component-15422 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15422:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15422 { flex-direction: column; } }
.component-15423 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15423:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15423 { flex-direction: column; } }
.component-15424 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15424:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15424 { flex-direction: column; } }
.component-15425 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15425:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15425 { flex-direction: column; } }
.component-15426 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15426:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15426 { flex-direction: column; } }
.component-15427 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15427:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15427 { flex-direction: column; } }
.component-15428 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15428:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15428 { flex-direction: column; } }
.component-15429 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15429:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15429 { flex-direction: column; } }
.component-15430 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15430:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15430 { flex-direction: column; } }
.component-15431 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15431:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15431 { flex-direction: column; } }
.component-15432 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15432:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15432 { flex-direction: column; } }
.component-15433 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15433:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15433 { flex-direction: column; } }
.component-15434 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15434:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15434 { flex-direction: column; } }
.component-15435 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15435:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15435 { flex-direction: column; } }
.component-15436 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15436:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15436 { flex-direction: column; } }
.component-15437 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15437:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15437 { flex-direction: column; } }
.component-15438 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15438:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15438 { flex-direction: column; } }
.component-15439 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15439:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15439 { flex-direction: column; } }
.component-15440 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15440:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15440 { flex-direction: column; } }
.component-15441 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15441:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15441 { flex-direction: column; } }
.component-15442 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15442:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15442 { flex-direction: column; } }
.component-15443 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15443:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15443 { flex-direction: column; } }
.component-15444 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15444:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15444 { flex-direction: column; } }
.component-15445 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15445:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15445 { flex-direction: column; } }
.component-15446 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15446:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15446 { flex-direction: column; } }
.component-15447 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15447:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15447 { flex-direction: column; } }
.component-15448 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15448:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15448 { flex-direction: column; } }
.component-15449 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15449:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15449 { flex-direction: column; } }
.component-15450 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15450:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15450 { flex-direction: column; } }
.component-15451 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15451:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15451 { flex-direction: column; } }
.component-15452 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15452:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15452 { flex-direction: column; } }
.component-15453 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15453:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15453 { flex-direction: column; } }
.component-15454 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15454:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15454 { flex-direction: column; } }
.component-15455 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15455:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15455 { flex-direction: column; } }
.component-15456 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15456:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15456 { flex-direction: column; } }
.component-15457 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15457:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15457 { flex-direction: column; } }
.component-15458 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15458:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15458 { flex-direction: column; } }
.component-15459 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15459:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15459 { flex-direction: column; } }
.component-15460 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15460:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15460 { flex-direction: column; } }
.component-15461 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15461:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15461 { flex-direction: column; } }
.component-15462 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15462:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15462 { flex-direction: column; } }
.component-15463 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15463:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15463 { flex-direction: column; } }
.component-15464 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15464:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15464 { flex-direction: column; } }
.component-15465 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15465:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15465 { flex-direction: column; } }
.component-15466 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15466:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15466 { flex-direction: column; } }
.component-15467 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15467:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15467 { flex-direction: column; } }
.component-15468 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15468:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15468 { flex-direction: column; } }
.component-15469 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15469:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15469 { flex-direction: column; } }
.component-15470 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15470:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15470 { flex-direction: column; } }
.component-15471 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15471:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15471 { flex-direction: column; } }
.component-15472 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15472:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15472 { flex-direction: column; } }
.component-15473 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15473:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15473 { flex-direction: column; } }
.component-15474 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15474:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15474 { flex-direction: column; } }
.component-15475 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15475:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15475 { flex-direction: column; } }
.component-15476 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15476:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15476 { flex-direction: column; } }
.component-15477 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15477:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15477 { flex-direction: column; } }
.component-15478 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15478:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15478 { flex-direction: column; } }
.component-15479 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15479:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15479 { flex-direction: column; } }
.component-15480 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15480:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15480 { flex-direction: column; } }
.component-15481 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15481:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15481 { flex-direction: column; } }
.component-15482 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15482:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15482 { flex-direction: column; } }
.component-15483 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15483:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15483 { flex-direction: column; } }
.component-15484 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15484:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15484 { flex-direction: column; } }
.component-15485 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15485:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15485 { flex-direction: column; } }
.component-15486 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15486:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15486 { flex-direction: column; } }
.component-15487 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15487:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15487 { flex-direction: column; } }
.component-15488 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15488:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15488 { flex-direction: column; } }
.component-15489 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15489:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15489 { flex-direction: column; } }
.component-15490 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15490:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15490 { flex-direction: column; } }
.component-15491 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15491:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15491 { flex-direction: column; } }
.component-15492 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15492:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15492 { flex-direction: column; } }
.component-15493 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15493:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15493 { flex-direction: column; } }
.component-15494 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15494:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15494 { flex-direction: column; } }
.component-15495 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15495:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15495 { flex-direction: column; } }
.component-15496 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15496:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15496 { flex-direction: column; } }
.component-15497 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15497:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15497 { flex-direction: column; } }
.component-15498 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15498:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15498 { flex-direction: column; } }
.component-15499 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15499:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15499 { flex-direction: column; } }
.component-15500 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15500:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15500 { flex-direction: column; } }
.component-15501 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15501:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15501 { flex-direction: column; } }
.component-15502 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15502:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15502 { flex-direction: column; } }
.component-15503 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15503:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15503 { flex-direction: column; } }
.component-15504 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15504:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15504 { flex-direction: column; } }
.component-15505 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15505:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15505 { flex-direction: column; } }
.component-15506 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15506:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15506 { flex-direction: column; } }
.component-15507 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15507:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15507 { flex-direction: column; } }
.component-15508 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15508:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15508 { flex-direction: column; } }
.component-15509 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15509:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15509 { flex-direction: column; } }
.component-15510 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15510:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15510 { flex-direction: column; } }
.component-15511 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15511:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15511 { flex-direction: column; } }
.component-15512 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15512:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15512 { flex-direction: column; } }
.component-15513 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15513:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15513 { flex-direction: column; } }
.component-15514 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15514:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15514 { flex-direction: column; } }
.component-15515 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15515:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15515 { flex-direction: column; } }
.component-15516 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15516:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15516 { flex-direction: column; } }
.component-15517 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15517:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15517 { flex-direction: column; } }
.component-15518 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15518:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15518 { flex-direction: column; } }
.component-15519 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15519:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15519 { flex-direction: column; } }
.component-15520 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15520:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15520 { flex-direction: column; } }
.component-15521 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15521:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15521 { flex-direction: column; } }
.component-15522 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15522:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15522 { flex-direction: column; } }
.component-15523 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15523:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15523 { flex-direction: column; } }
.component-15524 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15524:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15524 { flex-direction: column; } }
.component-15525 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15525:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15525 { flex-direction: column; } }
.component-15526 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15526:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15526 { flex-direction: column; } }
.component-15527 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15527:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15527 { flex-direction: column; } }
.component-15528 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15528:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15528 { flex-direction: column; } }
.component-15529 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15529:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15529 { flex-direction: column; } }
.component-15530 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15530:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15530 { flex-direction: column; } }
.component-15531 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15531:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15531 { flex-direction: column; } }
.component-15532 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15532:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15532 { flex-direction: column; } }
.component-15533 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15533:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15533 { flex-direction: column; } }
.component-15534 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15534:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15534 { flex-direction: column; } }
.component-15535 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15535:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15535 { flex-direction: column; } }
.component-15536 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15536:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15536 { flex-direction: column; } }
.component-15537 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15537:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15537 { flex-direction: column; } }
.component-15538 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15538:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15538 { flex-direction: column; } }
.component-15539 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15539:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15539 { flex-direction: column; } }
.component-15540 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15540:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15540 { flex-direction: column; } }
.component-15541 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15541:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15541 { flex-direction: column; } }
.component-15542 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15542:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15542 { flex-direction: column; } }
.component-15543 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15543:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15543 { flex-direction: column; } }
.component-15544 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15544:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15544 { flex-direction: column; } }
.component-15545 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15545:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15545 { flex-direction: column; } }
.component-15546 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15546:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15546 { flex-direction: column; } }
.component-15547 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15547:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15547 { flex-direction: column; } }
.component-15548 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15548:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15548 { flex-direction: column; } }
.component-15549 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15549:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15549 { flex-direction: column; } }
.component-15550 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15550:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15550 { flex-direction: column; } }
.component-15551 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15551:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15551 { flex-direction: column; } }
.component-15552 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15552:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15552 { flex-direction: column; } }
.component-15553 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15553:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15553 { flex-direction: column; } }
.component-15554 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15554:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15554 { flex-direction: column; } }
.component-15555 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15555:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15555 { flex-direction: column; } }
.component-15556 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15556:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15556 { flex-direction: column; } }
.component-15557 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15557:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15557 { flex-direction: column; } }
.component-15558 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15558:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15558 { flex-direction: column; } }
.component-15559 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15559:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15559 { flex-direction: column; } }
.component-15560 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15560:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15560 { flex-direction: column; } }
.component-15561 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15561:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15561 { flex-direction: column; } }
.component-15562 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15562:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15562 { flex-direction: column; } }
.component-15563 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15563:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15563 { flex-direction: column; } }
.component-15564 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15564:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15564 { flex-direction: column; } }
.component-15565 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15565:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15565 { flex-direction: column; } }
.component-15566 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15566:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15566 { flex-direction: column; } }
.component-15567 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15567:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15567 { flex-direction: column; } }
.component-15568 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15568:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15568 { flex-direction: column; } }
.component-15569 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15569:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15569 { flex-direction: column; } }
.component-15570 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15570:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15570 { flex-direction: column; } }
.component-15571 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15571:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15571 { flex-direction: column; } }
.component-15572 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15572:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15572 { flex-direction: column; } }
.component-15573 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15573:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15573 { flex-direction: column; } }
.component-15574 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15574:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15574 { flex-direction: column; } }
.component-15575 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15575:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15575 { flex-direction: column; } }
.component-15576 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15576:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15576 { flex-direction: column; } }
.component-15577 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15577:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15577 { flex-direction: column; } }
.component-15578 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15578:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15578 { flex-direction: column; } }
.component-15579 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15579:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15579 { flex-direction: column; } }
.component-15580 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15580:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15580 { flex-direction: column; } }
.component-15581 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15581:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15581 { flex-direction: column; } }
.component-15582 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15582:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15582 { flex-direction: column; } }
.component-15583 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15583:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15583 { flex-direction: column; } }
.component-15584 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15584:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15584 { flex-direction: column; } }
.component-15585 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15585:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15585 { flex-direction: column; } }
.component-15586 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15586:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15586 { flex-direction: column; } }
.component-15587 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15587:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15587 { flex-direction: column; } }
.component-15588 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15588:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15588 { flex-direction: column; } }
.component-15589 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15589:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15589 { flex-direction: column; } }
.component-15590 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15590:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15590 { flex-direction: column; } }
.component-15591 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15591:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15591 { flex-direction: column; } }
.component-15592 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15592:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15592 { flex-direction: column; } }
.component-15593 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15593:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15593 { flex-direction: column; } }
.component-15594 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15594:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15594 { flex-direction: column; } }
.component-15595 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15595:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15595 { flex-direction: column; } }
.component-15596 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15596:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15596 { flex-direction: column; } }
.component-15597 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15597:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15597 { flex-direction: column; } }
.component-15598 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15598:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15598 { flex-direction: column; } }
.component-15599 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15599:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15599 { flex-direction: column; } }
.component-15600 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15600:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15600 { flex-direction: column; } }
.component-15601 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15601:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15601 { flex-direction: column; } }
.component-15602 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15602:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15602 { flex-direction: column; } }
.component-15603 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15603:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15603 { flex-direction: column; } }
.component-15604 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15604:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15604 { flex-direction: column; } }
.component-15605 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15605:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15605 { flex-direction: column; } }
.component-15606 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15606:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15606 { flex-direction: column; } }
.component-15607 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15607:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15607 { flex-direction: column; } }
.component-15608 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15608:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15608 { flex-direction: column; } }
.component-15609 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15609:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15609 { flex-direction: column; } }
.component-15610 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15610:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15610 { flex-direction: column; } }
.component-15611 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15611:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15611 { flex-direction: column; } }
.component-15612 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15612:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15612 { flex-direction: column; } }
.component-15613 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15613:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15613 { flex-direction: column; } }
.component-15614 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15614:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15614 { flex-direction: column; } }
.component-15615 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15615:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15615 { flex-direction: column; } }
.component-15616 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15616:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15616 { flex-direction: column; } }
.component-15617 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15617:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15617 { flex-direction: column; } }
.component-15618 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15618:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15618 { flex-direction: column; } }
.component-15619 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15619:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15619 { flex-direction: column; } }
.component-15620 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15620:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15620 { flex-direction: column; } }
.component-15621 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15621:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15621 { flex-direction: column; } }
.component-15622 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15622:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15622 { flex-direction: column; } }
.component-15623 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15623:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15623 { flex-direction: column; } }
.component-15624 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15624:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15624 { flex-direction: column; } }
.component-15625 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15625:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15625 { flex-direction: column; } }
.component-15626 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15626:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15626 { flex-direction: column; } }
.component-15627 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15627:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15627 { flex-direction: column; } }
.component-15628 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15628:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15628 { flex-direction: column; } }
.component-15629 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15629:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15629 { flex-direction: column; } }
.component-15630 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15630:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15630 { flex-direction: column; } }
.component-15631 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15631:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15631 { flex-direction: column; } }
.component-15632 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15632:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15632 { flex-direction: column; } }
.component-15633 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15633:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15633 { flex-direction: column; } }
.component-15634 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15634:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15634 { flex-direction: column; } }
.component-15635 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15635:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15635 { flex-direction: column; } }
.component-15636 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15636:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15636 { flex-direction: column; } }
.component-15637 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15637:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15637 { flex-direction: column; } }
.component-15638 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15638:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15638 { flex-direction: column; } }
.component-15639 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15639:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15639 { flex-direction: column; } }
.component-15640 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15640:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15640 { flex-direction: column; } }
.component-15641 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15641:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15641 { flex-direction: column; } }
.component-15642 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15642:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15642 { flex-direction: column; } }
.component-15643 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15643:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15643 { flex-direction: column; } }
.component-15644 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15644:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15644 { flex-direction: column; } }
.component-15645 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15645:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15645 { flex-direction: column; } }
.component-15646 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15646:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15646 { flex-direction: column; } }
.component-15647 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15647:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15647 { flex-direction: column; } }
.component-15648 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15648:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15648 { flex-direction: column; } }
.component-15649 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15649:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15649 { flex-direction: column; } }
.component-15650 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15650:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15650 { flex-direction: column; } }
.component-15651 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15651:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15651 { flex-direction: column; } }
.component-15652 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15652:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15652 { flex-direction: column; } }
.component-15653 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15653:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15653 { flex-direction: column; } }
.component-15654 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15654:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15654 { flex-direction: column; } }
.component-15655 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15655:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15655 { flex-direction: column; } }
.component-15656 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15656:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15656 { flex-direction: column; } }
.component-15657 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15657:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15657 { flex-direction: column; } }
.component-15658 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15658:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15658 { flex-direction: column; } }
.component-15659 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15659:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15659 { flex-direction: column; } }
.component-15660 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15660:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15660 { flex-direction: column; } }
.component-15661 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15661:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15661 { flex-direction: column; } }
.component-15662 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15662:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15662 { flex-direction: column; } }
.component-15663 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15663:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15663 { flex-direction: column; } }
.component-15664 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15664:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15664 { flex-direction: column; } }
.component-15665 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15665:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15665 { flex-direction: column; } }
.component-15666 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15666:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15666 { flex-direction: column; } }
.component-15667 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15667:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15667 { flex-direction: column; } }
.component-15668 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15668:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15668 { flex-direction: column; } }
.component-15669 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15669:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15669 { flex-direction: column; } }
.component-15670 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15670:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15670 { flex-direction: column; } }
.component-15671 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15671:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15671 { flex-direction: column; } }
.component-15672 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15672:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15672 { flex-direction: column; } }
.component-15673 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15673:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15673 { flex-direction: column; } }
.component-15674 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15674:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15674 { flex-direction: column; } }
.component-15675 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15675:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15675 { flex-direction: column; } }
.component-15676 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15676:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15676 { flex-direction: column; } }
.component-15677 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15677:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15677 { flex-direction: column; } }
.component-15678 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15678:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15678 { flex-direction: column; } }
.component-15679 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15679:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15679 { flex-direction: column; } }
.component-15680 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15680:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15680 { flex-direction: column; } }
.component-15681 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15681:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15681 { flex-direction: column; } }
.component-15682 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15682:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15682 { flex-direction: column; } }
.component-15683 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15683:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15683 { flex-direction: column; } }
.component-15684 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15684:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15684 { flex-direction: column; } }
.component-15685 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15685:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15685 { flex-direction: column; } }
.component-15686 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15686:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15686 { flex-direction: column; } }
.component-15687 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15687:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15687 { flex-direction: column; } }
.component-15688 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15688:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15688 { flex-direction: column; } }
.component-15689 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15689:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15689 { flex-direction: column; } }
.component-15690 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15690:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15690 { flex-direction: column; } }
.component-15691 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15691:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15691 { flex-direction: column; } }
.component-15692 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15692:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15692 { flex-direction: column; } }
.component-15693 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15693:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15693 { flex-direction: column; } }
.component-15694 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15694:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15694 { flex-direction: column; } }
.component-15695 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15695:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15695 { flex-direction: column; } }
.component-15696 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15696:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15696 { flex-direction: column; } }
.component-15697 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15697:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15697 { flex-direction: column; } }
.component-15698 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15698:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15698 { flex-direction: column; } }
.component-15699 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15699:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15699 { flex-direction: column; } }
.component-15700 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15700:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15700 { flex-direction: column; } }
.component-15701 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15701:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15701 { flex-direction: column; } }
.component-15702 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15702:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15702 { flex-direction: column; } }
.component-15703 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15703:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15703 { flex-direction: column; } }
.component-15704 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15704:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15704 { flex-direction: column; } }
.component-15705 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15705:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15705 { flex-direction: column; } }
.component-15706 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15706:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15706 { flex-direction: column; } }
.component-15707 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15707:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15707 { flex-direction: column; } }
.component-15708 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15708:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15708 { flex-direction: column; } }
.component-15709 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15709:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15709 { flex-direction: column; } }
.component-15710 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15710:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15710 { flex-direction: column; } }
.component-15711 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15711:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15711 { flex-direction: column; } }
.component-15712 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15712:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15712 { flex-direction: column; } }
.component-15713 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15713:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15713 { flex-direction: column; } }
.component-15714 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15714:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15714 { flex-direction: column; } }
.component-15715 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15715:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15715 { flex-direction: column; } }
.component-15716 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15716:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15716 { flex-direction: column; } }
.component-15717 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15717:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15717 { flex-direction: column; } }
.component-15718 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15718:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15718 { flex-direction: column; } }
.component-15719 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15719:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15719 { flex-direction: column; } }
.component-15720 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15720:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15720 { flex-direction: column; } }
.component-15721 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15721:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15721 { flex-direction: column; } }
.component-15722 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15722:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15722 { flex-direction: column; } }
.component-15723 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15723:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15723 { flex-direction: column; } }
.component-15724 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15724:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15724 { flex-direction: column; } }
.component-15725 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15725:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15725 { flex-direction: column; } }
.component-15726 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15726:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15726 { flex-direction: column; } }
.component-15727 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15727:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15727 { flex-direction: column; } }
.component-15728 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15728:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15728 { flex-direction: column; } }
.component-15729 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15729:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15729 { flex-direction: column; } }
.component-15730 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15730:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15730 { flex-direction: column; } }
.component-15731 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15731:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15731 { flex-direction: column; } }
.component-15732 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15732:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15732 { flex-direction: column; } }
.component-15733 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15733:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15733 { flex-direction: column; } }
.component-15734 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15734:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15734 { flex-direction: column; } }
.component-15735 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15735:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15735 { flex-direction: column; } }
.component-15736 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15736:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15736 { flex-direction: column; } }
.component-15737 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15737:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15737 { flex-direction: column; } }
.component-15738 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15738:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15738 { flex-direction: column; } }
.component-15739 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15739:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15739 { flex-direction: column; } }
.component-15740 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15740:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15740 { flex-direction: column; } }
.component-15741 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15741:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15741 { flex-direction: column; } }
.component-15742 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15742:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15742 { flex-direction: column; } }
.component-15743 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15743:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15743 { flex-direction: column; } }
.component-15744 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15744:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15744 { flex-direction: column; } }
.component-15745 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15745:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15745 { flex-direction: column; } }
.component-15746 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15746:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15746 { flex-direction: column; } }
.component-15747 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15747:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15747 { flex-direction: column; } }
.component-15748 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15748:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15748 { flex-direction: column; } }
.component-15749 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15749:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15749 { flex-direction: column; } }
.component-15750 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15750:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15750 { flex-direction: column; } }
.component-15751 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15751:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15751 { flex-direction: column; } }
.component-15752 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15752:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15752 { flex-direction: column; } }
.component-15753 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15753:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15753 { flex-direction: column; } }
.component-15754 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15754:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15754 { flex-direction: column; } }
.component-15755 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15755:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15755 { flex-direction: column; } }
.component-15756 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15756:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15756 { flex-direction: column; } }
.component-15757 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15757:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15757 { flex-direction: column; } }
.component-15758 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15758:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15758 { flex-direction: column; } }
.component-15759 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15759:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15759 { flex-direction: column; } }
.component-15760 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15760:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15760 { flex-direction: column; } }
.component-15761 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15761:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15761 { flex-direction: column; } }
.component-15762 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15762:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15762 { flex-direction: column; } }
.component-15763 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15763:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15763 { flex-direction: column; } }
.component-15764 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15764:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15764 { flex-direction: column; } }
.component-15765 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15765:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15765 { flex-direction: column; } }
.component-15766 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15766:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15766 { flex-direction: column; } }
.component-15767 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15767:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15767 { flex-direction: column; } }
.component-15768 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15768:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15768 { flex-direction: column; } }
.component-15769 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15769:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15769 { flex-direction: column; } }
.component-15770 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15770:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15770 { flex-direction: column; } }
.component-15771 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15771:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15771 { flex-direction: column; } }
.component-15772 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15772:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15772 { flex-direction: column; } }
.component-15773 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15773:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15773 { flex-direction: column; } }
.component-15774 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15774:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15774 { flex-direction: column; } }
.component-15775 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15775:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15775 { flex-direction: column; } }
.component-15776 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15776:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15776 { flex-direction: column; } }
.component-15777 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15777:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15777 { flex-direction: column; } }
.component-15778 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15778:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15778 { flex-direction: column; } }
.component-15779 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15779:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15779 { flex-direction: column; } }
.component-15780 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15780:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15780 { flex-direction: column; } }
.component-15781 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15781:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15781 { flex-direction: column; } }
.component-15782 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15782:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15782 { flex-direction: column; } }
.component-15783 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15783:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15783 { flex-direction: column; } }
.component-15784 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15784:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15784 { flex-direction: column; } }
.component-15785 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15785:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15785 { flex-direction: column; } }
.component-15786 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15786:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15786 { flex-direction: column; } }
.component-15787 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15787:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15787 { flex-direction: column; } }
.component-15788 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15788:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15788 { flex-direction: column; } }
.component-15789 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15789:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15789 { flex-direction: column; } }
.component-15790 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15790:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15790 { flex-direction: column; } }
.component-15791 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15791:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15791 { flex-direction: column; } }
.component-15792 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15792:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15792 { flex-direction: column; } }
.component-15793 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15793:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15793 { flex-direction: column; } }
.component-15794 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15794:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15794 { flex-direction: column; } }
.component-15795 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15795:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15795 { flex-direction: column; } }
.component-15796 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15796:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15796 { flex-direction: column; } }
.component-15797 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15797:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15797 { flex-direction: column; } }
.component-15798 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15798:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15798 { flex-direction: column; } }
.component-15799 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15799:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15799 { flex-direction: column; } }
.component-15800 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15800:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15800 { flex-direction: column; } }
.component-15801 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15801:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15801 { flex-direction: column; } }
.component-15802 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15802:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15802 { flex-direction: column; } }
.component-15803 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15803:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15803 { flex-direction: column; } }
.component-15804 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15804:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15804 { flex-direction: column; } }
.component-15805 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15805:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15805 { flex-direction: column; } }
.component-15806 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15806:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15806 { flex-direction: column; } }
.component-15807 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15807:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15807 { flex-direction: column; } }
.component-15808 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15808:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15808 { flex-direction: column; } }
.component-15809 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15809:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15809 { flex-direction: column; } }
.component-15810 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15810:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15810 { flex-direction: column; } }
.component-15811 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15811:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15811 { flex-direction: column; } }
.component-15812 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15812:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15812 { flex-direction: column; } }
.component-15813 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15813:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15813 { flex-direction: column; } }
.component-15814 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15814:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15814 { flex-direction: column; } }
.component-15815 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15815:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15815 { flex-direction: column; } }
.component-15816 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15816:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15816 { flex-direction: column; } }
.component-15817 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15817:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15817 { flex-direction: column; } }
.component-15818 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15818:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15818 { flex-direction: column; } }
.component-15819 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15819:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15819 { flex-direction: column; } }
.component-15820 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15820:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15820 { flex-direction: column; } }
.component-15821 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15821:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15821 { flex-direction: column; } }
.component-15822 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15822:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15822 { flex-direction: column; } }
.component-15823 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15823:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15823 { flex-direction: column; } }
.component-15824 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15824:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15824 { flex-direction: column; } }
.component-15825 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15825:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15825 { flex-direction: column; } }
.component-15826 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15826:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15826 { flex-direction: column; } }
.component-15827 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15827:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15827 { flex-direction: column; } }
.component-15828 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15828:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15828 { flex-direction: column; } }
.component-15829 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15829:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15829 { flex-direction: column; } }
.component-15830 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15830:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15830 { flex-direction: column; } }
.component-15831 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15831:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15831 { flex-direction: column; } }
.component-15832 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15832:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15832 { flex-direction: column; } }
.component-15833 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15833:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15833 { flex-direction: column; } }
.component-15834 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15834:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15834 { flex-direction: column; } }
.component-15835 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15835:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15835 { flex-direction: column; } }
.component-15836 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15836:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15836 { flex-direction: column; } }
.component-15837 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15837:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15837 { flex-direction: column; } }
.component-15838 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15838:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15838 { flex-direction: column; } }
.component-15839 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15839:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15839 { flex-direction: column; } }
.component-15840 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15840:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15840 { flex-direction: column; } }
.component-15841 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15841:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15841 { flex-direction: column; } }
.component-15842 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15842:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15842 { flex-direction: column; } }
.component-15843 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15843:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15843 { flex-direction: column; } }
.component-15844 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15844:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15844 { flex-direction: column; } }
.component-15845 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15845:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15845 { flex-direction: column; } }
.component-15846 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15846:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15846 { flex-direction: column; } }
.component-15847 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15847:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15847 { flex-direction: column; } }
.component-15848 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15848:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15848 { flex-direction: column; } }
.component-15849 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15849:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15849 { flex-direction: column; } }
.component-15850 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15850:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15850 { flex-direction: column; } }
.component-15851 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15851:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15851 { flex-direction: column; } }
.component-15852 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15852:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15852 { flex-direction: column; } }
.component-15853 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15853:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15853 { flex-direction: column; } }
.component-15854 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15854:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15854 { flex-direction: column; } }
.component-15855 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15855:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15855 { flex-direction: column; } }
.component-15856 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15856:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15856 { flex-direction: column; } }
.component-15857 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15857:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15857 { flex-direction: column; } }
.component-15858 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15858:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15858 { flex-direction: column; } }
.component-15859 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15859:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15859 { flex-direction: column; } }
.component-15860 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15860:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15860 { flex-direction: column; } }
.component-15861 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15861:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15861 { flex-direction: column; } }
.component-15862 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15862:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15862 { flex-direction: column; } }
.component-15863 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15863:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15863 { flex-direction: column; } }
.component-15864 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15864:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15864 { flex-direction: column; } }
.component-15865 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15865:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15865 { flex-direction: column; } }
.component-15866 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15866:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15866 { flex-direction: column; } }
.component-15867 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15867:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15867 { flex-direction: column; } }
.component-15868 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15868:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15868 { flex-direction: column; } }
.component-15869 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15869:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15869 { flex-direction: column; } }
.component-15870 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15870:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15870 { flex-direction: column; } }
.component-15871 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15871:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15871 { flex-direction: column; } }
.component-15872 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15872:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15872 { flex-direction: column; } }
.component-15873 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15873:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15873 { flex-direction: column; } }
.component-15874 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15874:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15874 { flex-direction: column; } }
.component-15875 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15875:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15875 { flex-direction: column; } }
.component-15876 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15876:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15876 { flex-direction: column; } }
.component-15877 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15877:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15877 { flex-direction: column; } }
.component-15878 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15878:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15878 { flex-direction: column; } }
.component-15879 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15879:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15879 { flex-direction: column; } }
.component-15880 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15880:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15880 { flex-direction: column; } }
.component-15881 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15881:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15881 { flex-direction: column; } }
.component-15882 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15882:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15882 { flex-direction: column; } }
.component-15883 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15883:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15883 { flex-direction: column; } }
.component-15884 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15884:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15884 { flex-direction: column; } }
.component-15885 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15885:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15885 { flex-direction: column; } }
.component-15886 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15886:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15886 { flex-direction: column; } }
.component-15887 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15887:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15887 { flex-direction: column; } }
.component-15888 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15888:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15888 { flex-direction: column; } }
.component-15889 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15889:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15889 { flex-direction: column; } }
.component-15890 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15890:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15890 { flex-direction: column; } }
.component-15891 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15891:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15891 { flex-direction: column; } }
.component-15892 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15892:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15892 { flex-direction: column; } }
.component-15893 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15893:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15893 { flex-direction: column; } }
.component-15894 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15894:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15894 { flex-direction: column; } }
.component-15895 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15895:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15895 { flex-direction: column; } }
.component-15896 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15896:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15896 { flex-direction: column; } }
.component-15897 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15897:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15897 { flex-direction: column; } }
.component-15898 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15898:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15898 { flex-direction: column; } }
.component-15899 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15899:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15899 { flex-direction: column; } }
.component-15900 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15900:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15900 { flex-direction: column; } }
.component-15901 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15901:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15901 { flex-direction: column; } }
.component-15902 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15902:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15902 { flex-direction: column; } }
.component-15903 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15903:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15903 { flex-direction: column; } }
.component-15904 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15904:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15904 { flex-direction: column; } }
.component-15905 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15905:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15905 { flex-direction: column; } }
.component-15906 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15906:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15906 { flex-direction: column; } }
.component-15907 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15907:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15907 { flex-direction: column; } }
.component-15908 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15908:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15908 { flex-direction: column; } }
.component-15909 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15909:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15909 { flex-direction: column; } }
.component-15910 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15910:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15910 { flex-direction: column; } }
.component-15911 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15911:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15911 { flex-direction: column; } }
.component-15912 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15912:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15912 { flex-direction: column; } }
.component-15913 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15913:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15913 { flex-direction: column; } }
.component-15914 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15914:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15914 { flex-direction: column; } }
.component-15915 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15915:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15915 { flex-direction: column; } }
.component-15916 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15916:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15916 { flex-direction: column; } }
.component-15917 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15917:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15917 { flex-direction: column; } }
.component-15918 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15918:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15918 { flex-direction: column; } }
.component-15919 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15919:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15919 { flex-direction: column; } }
.component-15920 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15920:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15920 { flex-direction: column; } }
.component-15921 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15921:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15921 { flex-direction: column; } }
.component-15922 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15922:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15922 { flex-direction: column; } }
.component-15923 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15923:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15923 { flex-direction: column; } }
.component-15924 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15924:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15924 { flex-direction: column; } }
.component-15925 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15925:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15925 { flex-direction: column; } }
.component-15926 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15926:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15926 { flex-direction: column; } }
.component-15927 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15927:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15927 { flex-direction: column; } }
.component-15928 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15928:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15928 { flex-direction: column; } }
.component-15929 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15929:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15929 { flex-direction: column; } }
.component-15930 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15930:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15930 { flex-direction: column; } }
.component-15931 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15931:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15931 { flex-direction: column; } }
.component-15932 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15932:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15932 { flex-direction: column; } }
.component-15933 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15933:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15933 { flex-direction: column; } }
.component-15934 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15934:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15934 { flex-direction: column; } }
.component-15935 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15935:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15935 { flex-direction: column; } }
.component-15936 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15936:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15936 { flex-direction: column; } }
.component-15937 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15937:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15937 { flex-direction: column; } }
.component-15938 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15938:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15938 { flex-direction: column; } }
.component-15939 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15939:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15939 { flex-direction: column; } }
.component-15940 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15940:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15940 { flex-direction: column; } }
.component-15941 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15941:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15941 { flex-direction: column; } }
.component-15942 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15942:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15942 { flex-direction: column; } }
.component-15943 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15943:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15943 { flex-direction: column; } }
.component-15944 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15944:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15944 { flex-direction: column; } }
.component-15945 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15945:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15945 { flex-direction: column; } }
.component-15946 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15946:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15946 { flex-direction: column; } }
.component-15947 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15947:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15947 { flex-direction: column; } }
.component-15948 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15948:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15948 { flex-direction: column; } }
.component-15949 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15949:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15949 { flex-direction: column; } }
.component-15950 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15950:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15950 { flex-direction: column; } }
.component-15951 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15951:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15951 { flex-direction: column; } }
.component-15952 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15952:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15952 { flex-direction: column; } }
.component-15953 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15953:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15953 { flex-direction: column; } }
.component-15954 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15954:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15954 { flex-direction: column; } }
.component-15955 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15955:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15955 { flex-direction: column; } }
.component-15956 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15956:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15956 { flex-direction: column; } }
.component-15957 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15957:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15957 { flex-direction: column; } }
.component-15958 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15958:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15958 { flex-direction: column; } }
.component-15959 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15959:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15959 { flex-direction: column; } }
.component-15960 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15960:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15960 { flex-direction: column; } }
.component-15961 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15961:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15961 { flex-direction: column; } }
.component-15962 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15962:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15962 { flex-direction: column; } }
.component-15963 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15963:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15963 { flex-direction: column; } }
.component-15964 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15964:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15964 { flex-direction: column; } }
.component-15965 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15965:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15965 { flex-direction: column; } }
.component-15966 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15966:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15966 { flex-direction: column; } }
.component-15967 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15967:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15967 { flex-direction: column; } }
.component-15968 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15968:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15968 { flex-direction: column; } }
.component-15969 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15969:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15969 { flex-direction: column; } }
.component-15970 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15970:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15970 { flex-direction: column; } }
.component-15971 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15971:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15971 { flex-direction: column; } }
.component-15972 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15972:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15972 { flex-direction: column; } }
.component-15973 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15973:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15973 { flex-direction: column; } }
.component-15974 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15974:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15974 { flex-direction: column; } }
.component-15975 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15975:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15975 { flex-direction: column; } }
.component-15976 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15976:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15976 { flex-direction: column; } }
.component-15977 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15977:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15977 { flex-direction: column; } }
.component-15978 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15978:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15978 { flex-direction: column; } }
.component-15979 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15979:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15979 { flex-direction: column; } }
.component-15980 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15980:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15980 { flex-direction: column; } }
.component-15981 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15981:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15981 { flex-direction: column; } }
.component-15982 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15982:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15982 { flex-direction: column; } }
.component-15983 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15983:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15983 { flex-direction: column; } }
.component-15984 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15984:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15984 { flex-direction: column; } }
.component-15985 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15985:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-15985 { flex-direction: column; } }
.component-15986 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15986:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-15986 { flex-direction: column; } }
.component-15987 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15987:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-15987 { flex-direction: column; } }
.component-15988 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15988:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-15988 { flex-direction: column; } }
.component-15989 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15989:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-15989 { flex-direction: column; } }
.component-15990 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-15990:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-15990 { flex-direction: column; } }
.component-15991 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-15991:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-15991 { flex-direction: column; } }
.component-15992 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-15992:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-15992 { flex-direction: column; } }
.component-15993 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-15993:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-15993 { flex-direction: column; } }
.component-15994 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-15994:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-15994 { flex-direction: column; } }
.component-15995 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-15995:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-15995 { flex-direction: column; } }
.component-15996 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-15996:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-15996 { flex-direction: column; } }
.component-15997 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-15997:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-15997 { flex-direction: column; } }
.component-15998 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-15998:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-15998 { flex-direction: column; } }
.component-15999 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-15999:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-15999 { flex-direction: column; } }
.component-16000 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16000:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16000 { flex-direction: column; } }
.component-16001 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16001:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16001 { flex-direction: column; } }
.component-16002 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16002:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16002 { flex-direction: column; } }
.component-16003 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16003:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16003 { flex-direction: column; } }
.component-16004 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16004:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16004 { flex-direction: column; } }
.component-16005 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16005:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16005 { flex-direction: column; } }
.component-16006 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16006:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16006 { flex-direction: column; } }
.component-16007 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16007:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16007 { flex-direction: column; } }
.component-16008 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16008:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16008 { flex-direction: column; } }
.component-16009 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16009:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16009 { flex-direction: column; } }
.component-16010 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16010:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16010 { flex-direction: column; } }
.component-16011 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16011:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16011 { flex-direction: column; } }
.component-16012 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16012:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16012 { flex-direction: column; } }
.component-16013 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16013:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16013 { flex-direction: column; } }
.component-16014 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16014:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16014 { flex-direction: column; } }
.component-16015 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16015:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16015 { flex-direction: column; } }
.component-16016 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16016:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16016 { flex-direction: column; } }
.component-16017 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16017:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16017 { flex-direction: column; } }
.component-16018 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16018:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16018 { flex-direction: column; } }
.component-16019 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16019:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16019 { flex-direction: column; } }
.component-16020 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16020:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16020 { flex-direction: column; } }
.component-16021 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16021:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16021 { flex-direction: column; } }
.component-16022 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16022:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16022 { flex-direction: column; } }
.component-16023 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16023:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16023 { flex-direction: column; } }
.component-16024 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16024:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16024 { flex-direction: column; } }
.component-16025 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16025:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16025 { flex-direction: column; } }
.component-16026 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16026:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16026 { flex-direction: column; } }
.component-16027 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16027:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16027 { flex-direction: column; } }
.component-16028 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16028:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16028 { flex-direction: column; } }
.component-16029 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16029:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16029 { flex-direction: column; } }
.component-16030 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16030:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16030 { flex-direction: column; } }
.component-16031 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16031:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16031 { flex-direction: column; } }
.component-16032 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16032:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16032 { flex-direction: column; } }
.component-16033 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16033:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16033 { flex-direction: column; } }
.component-16034 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16034:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16034 { flex-direction: column; } }
.component-16035 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16035:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16035 { flex-direction: column; } }
.component-16036 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16036:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16036 { flex-direction: column; } }
.component-16037 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16037:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16037 { flex-direction: column; } }
.component-16038 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16038:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16038 { flex-direction: column; } }
.component-16039 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16039:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16039 { flex-direction: column; } }
.component-16040 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16040:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16040 { flex-direction: column; } }
.component-16041 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16041:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16041 { flex-direction: column; } }
.component-16042 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16042:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16042 { flex-direction: column; } }
.component-16043 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16043:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16043 { flex-direction: column; } }
.component-16044 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16044:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16044 { flex-direction: column; } }
.component-16045 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16045:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16045 { flex-direction: column; } }
.component-16046 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16046:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16046 { flex-direction: column; } }
.component-16047 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16047:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16047 { flex-direction: column; } }
.component-16048 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16048:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16048 { flex-direction: column; } }
.component-16049 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16049:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16049 { flex-direction: column; } }
.component-16050 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16050:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16050 { flex-direction: column; } }
.component-16051 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16051:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16051 { flex-direction: column; } }
.component-16052 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16052:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16052 { flex-direction: column; } }
.component-16053 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16053:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16053 { flex-direction: column; } }
.component-16054 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16054:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16054 { flex-direction: column; } }
.component-16055 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16055:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16055 { flex-direction: column; } }
.component-16056 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16056:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16056 { flex-direction: column; } }
.component-16057 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16057:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16057 { flex-direction: column; } }
.component-16058 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16058:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16058 { flex-direction: column; } }
.component-16059 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16059:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16059 { flex-direction: column; } }
.component-16060 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16060:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16060 { flex-direction: column; } }
.component-16061 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16061:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16061 { flex-direction: column; } }
.component-16062 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16062:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16062 { flex-direction: column; } }
.component-16063 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16063:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16063 { flex-direction: column; } }
.component-16064 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16064:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16064 { flex-direction: column; } }
.component-16065 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16065:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16065 { flex-direction: column; } }
.component-16066 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16066:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16066 { flex-direction: column; } }
.component-16067 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16067:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16067 { flex-direction: column; } }
.component-16068 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16068:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16068 { flex-direction: column; } }
.component-16069 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16069:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16069 { flex-direction: column; } }
.component-16070 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16070:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16070 { flex-direction: column; } }
.component-16071 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16071:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16071 { flex-direction: column; } }
.component-16072 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16072:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16072 { flex-direction: column; } }
.component-16073 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16073:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16073 { flex-direction: column; } }
.component-16074 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16074:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16074 { flex-direction: column; } }
.component-16075 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16075:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16075 { flex-direction: column; } }
.component-16076 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16076:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16076 { flex-direction: column; } }
.component-16077 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16077:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16077 { flex-direction: column; } }
.component-16078 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16078:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16078 { flex-direction: column; } }
.component-16079 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16079:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16079 { flex-direction: column; } }
.component-16080 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16080:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16080 { flex-direction: column; } }
.component-16081 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16081:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16081 { flex-direction: column; } }
.component-16082 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16082:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16082 { flex-direction: column; } }
.component-16083 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16083:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16083 { flex-direction: column; } }
.component-16084 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16084:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16084 { flex-direction: column; } }
.component-16085 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16085:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16085 { flex-direction: column; } }
.component-16086 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16086:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16086 { flex-direction: column; } }
.component-16087 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16087:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16087 { flex-direction: column; } }
.component-16088 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16088:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16088 { flex-direction: column; } }
.component-16089 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16089:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16089 { flex-direction: column; } }
.component-16090 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16090:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16090 { flex-direction: column; } }
.component-16091 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16091:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16091 { flex-direction: column; } }
.component-16092 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16092:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16092 { flex-direction: column; } }
.component-16093 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16093:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16093 { flex-direction: column; } }
.component-16094 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16094:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16094 { flex-direction: column; } }
.component-16095 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16095:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16095 { flex-direction: column; } }
.component-16096 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16096:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16096 { flex-direction: column; } }
.component-16097 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16097:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16097 { flex-direction: column; } }
.component-16098 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16098:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16098 { flex-direction: column; } }
.component-16099 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16099:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16099 { flex-direction: column; } }
.component-16100 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16100:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16100 { flex-direction: column; } }
.component-16101 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16101:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16101 { flex-direction: column; } }
.component-16102 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16102:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16102 { flex-direction: column; } }
.component-16103 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16103:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16103 { flex-direction: column; } }
.component-16104 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16104:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16104 { flex-direction: column; } }
.component-16105 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16105:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16105 { flex-direction: column; } }
.component-16106 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16106:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16106 { flex-direction: column; } }
.component-16107 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16107:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16107 { flex-direction: column; } }
.component-16108 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16108:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16108 { flex-direction: column; } }
.component-16109 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16109:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16109 { flex-direction: column; } }
.component-16110 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16110:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16110 { flex-direction: column; } }
.component-16111 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16111:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16111 { flex-direction: column; } }
.component-16112 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16112:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16112 { flex-direction: column; } }
.component-16113 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16113:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16113 { flex-direction: column; } }
.component-16114 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16114:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16114 { flex-direction: column; } }
.component-16115 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16115:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16115 { flex-direction: column; } }
.component-16116 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16116:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16116 { flex-direction: column; } }
.component-16117 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16117:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16117 { flex-direction: column; } }
.component-16118 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16118:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16118 { flex-direction: column; } }
.component-16119 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16119:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16119 { flex-direction: column; } }
.component-16120 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16120:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16120 { flex-direction: column; } }
.component-16121 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16121:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16121 { flex-direction: column; } }
.component-16122 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16122:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16122 { flex-direction: column; } }
.component-16123 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16123:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16123 { flex-direction: column; } }
.component-16124 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16124:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16124 { flex-direction: column; } }
.component-16125 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16125:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16125 { flex-direction: column; } }
.component-16126 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16126:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16126 { flex-direction: column; } }
.component-16127 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16127:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16127 { flex-direction: column; } }
.component-16128 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16128:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16128 { flex-direction: column; } }
.component-16129 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16129:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16129 { flex-direction: column; } }
.component-16130 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16130:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16130 { flex-direction: column; } }
.component-16131 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16131:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16131 { flex-direction: column; } }
.component-16132 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16132:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16132 { flex-direction: column; } }
.component-16133 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16133:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16133 { flex-direction: column; } }
.component-16134 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16134:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16134 { flex-direction: column; } }
.component-16135 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16135:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16135 { flex-direction: column; } }
.component-16136 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16136:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16136 { flex-direction: column; } }
.component-16137 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16137:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16137 { flex-direction: column; } }
.component-16138 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16138:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16138 { flex-direction: column; } }
.component-16139 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16139:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16139 { flex-direction: column; } }
.component-16140 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16140:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16140 { flex-direction: column; } }
.component-16141 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16141:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16141 { flex-direction: column; } }
.component-16142 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16142:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16142 { flex-direction: column; } }
.component-16143 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16143:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16143 { flex-direction: column; } }
.component-16144 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16144:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16144 { flex-direction: column; } }
.component-16145 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16145:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16145 { flex-direction: column; } }
.component-16146 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16146:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16146 { flex-direction: column; } }
.component-16147 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16147:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16147 { flex-direction: column; } }
.component-16148 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16148:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16148 { flex-direction: column; } }
.component-16149 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16149:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16149 { flex-direction: column; } }
.component-16150 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16150:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16150 { flex-direction: column; } }
.component-16151 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16151:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16151 { flex-direction: column; } }
.component-16152 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16152:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16152 { flex-direction: column; } }
.component-16153 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16153:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16153 { flex-direction: column; } }
.component-16154 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16154:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16154 { flex-direction: column; } }
.component-16155 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16155:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16155 { flex-direction: column; } }
.component-16156 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16156:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16156 { flex-direction: column; } }
.component-16157 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16157:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16157 { flex-direction: column; } }
.component-16158 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16158:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16158 { flex-direction: column; } }
.component-16159 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16159:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16159 { flex-direction: column; } }
.component-16160 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16160:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16160 { flex-direction: column; } }
.component-16161 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16161:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16161 { flex-direction: column; } }
.component-16162 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16162:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16162 { flex-direction: column; } }
.component-16163 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16163:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16163 { flex-direction: column; } }
.component-16164 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16164:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16164 { flex-direction: column; } }
.component-16165 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16165:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16165 { flex-direction: column; } }
.component-16166 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16166:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16166 { flex-direction: column; } }
.component-16167 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16167:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16167 { flex-direction: column; } }
.component-16168 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16168:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16168 { flex-direction: column; } }
.component-16169 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16169:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16169 { flex-direction: column; } }
.component-16170 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16170:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16170 { flex-direction: column; } }
.component-16171 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16171:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16171 { flex-direction: column; } }
.component-16172 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16172:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16172 { flex-direction: column; } }
.component-16173 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16173:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16173 { flex-direction: column; } }
.component-16174 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16174:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16174 { flex-direction: column; } }
.component-16175 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16175:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16175 { flex-direction: column; } }
.component-16176 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16176:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16176 { flex-direction: column; } }
.component-16177 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16177:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16177 { flex-direction: column; } }
.component-16178 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16178:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16178 { flex-direction: column; } }
.component-16179 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16179:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16179 { flex-direction: column; } }
.component-16180 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16180:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16180 { flex-direction: column; } }
.component-16181 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16181:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16181 { flex-direction: column; } }
.component-16182 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16182:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16182 { flex-direction: column; } }
.component-16183 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16183:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16183 { flex-direction: column; } }
.component-16184 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16184:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16184 { flex-direction: column; } }
.component-16185 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16185:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16185 { flex-direction: column; } }
.component-16186 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16186:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16186 { flex-direction: column; } }
.component-16187 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16187:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16187 { flex-direction: column; } }
.component-16188 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16188:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16188 { flex-direction: column; } }
.component-16189 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16189:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16189 { flex-direction: column; } }
.component-16190 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16190:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16190 { flex-direction: column; } }
.component-16191 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16191:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16191 { flex-direction: column; } }
.component-16192 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16192:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16192 { flex-direction: column; } }
.component-16193 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16193:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16193 { flex-direction: column; } }
.component-16194 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16194:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16194 { flex-direction: column; } }
.component-16195 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16195:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16195 { flex-direction: column; } }
.component-16196 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16196:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16196 { flex-direction: column; } }
.component-16197 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16197:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16197 { flex-direction: column; } }
.component-16198 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16198:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16198 { flex-direction: column; } }
.component-16199 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16199:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16199 { flex-direction: column; } }
.component-16200 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16200:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16200 { flex-direction: column; } }
.component-16201 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16201:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16201 { flex-direction: column; } }
.component-16202 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16202:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16202 { flex-direction: column; } }
.component-16203 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16203:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16203 { flex-direction: column; } }
.component-16204 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16204:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16204 { flex-direction: column; } }
.component-16205 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16205:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16205 { flex-direction: column; } }
.component-16206 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16206:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16206 { flex-direction: column; } }
.component-16207 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16207:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16207 { flex-direction: column; } }
.component-16208 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16208:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16208 { flex-direction: column; } }
.component-16209 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16209:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16209 { flex-direction: column; } }
.component-16210 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16210:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16210 { flex-direction: column; } }
.component-16211 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16211:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16211 { flex-direction: column; } }
.component-16212 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16212:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16212 { flex-direction: column; } }
.component-16213 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16213:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16213 { flex-direction: column; } }
.component-16214 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(158 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16214:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16214 { flex-direction: column; } }
.component-16215 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(195 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16215:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16215 { flex-direction: column; } }
.component-16216 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(232 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16216:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16216 { flex-direction: column; } }
.component-16217 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(269 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16217:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16217 { flex-direction: column; } }
.component-16218 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(306 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16218:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16218 { flex-direction: column; } }
.component-16219 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(343 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16219:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16219 { flex-direction: column; } }
.component-16220 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(20 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16220:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16220 { flex-direction: column; } }
.component-16221 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(57 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16221:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16221 { flex-direction: column; } }
.component-16222 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(94 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16222:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16222 { flex-direction: column; } }
.component-16223 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(131 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16223:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16223 { flex-direction: column; } }
.component-16224 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(168 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16224:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16224 { flex-direction: column; } }
.component-16225 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(205 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16225:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16225 { flex-direction: column; } }
.component-16226 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(242 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16226:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16226 { flex-direction: column; } }
.component-16227 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(279 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16227:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16227 { flex-direction: column; } }
.component-16228 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(316 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16228:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16228 { flex-direction: column; } }
.component-16229 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(353 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16229:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16229 { flex-direction: column; } }
.component-16230 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(30 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16230:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16230 { flex-direction: column; } }
.component-16231 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(67 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16231:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16231 { flex-direction: column; } }
.component-16232 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(104 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16232:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16232 { flex-direction: column; } }
.component-16233 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(141 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16233:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16233 { flex-direction: column; } }
.component-16234 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(178 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16234:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16234 { flex-direction: column; } }
.component-16235 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(215 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16235:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16235 { flex-direction: column; } }
.component-16236 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(252 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16236:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16236 { flex-direction: column; } }
.component-16237 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(289 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16237:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16237 { flex-direction: column; } }
.component-16238 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(326 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16238:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16238 { flex-direction: column; } }
.component-16239 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(3 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16239:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16239 { flex-direction: column; } }
.component-16240 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(40 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16240:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16240 { flex-direction: column; } }
.component-16241 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(77 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16241:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16241 { flex-direction: column; } }
.component-16242 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(114 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16242:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16242 { flex-direction: column; } }
.component-16243 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(151 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16243:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16243 { flex-direction: column; } }
.component-16244 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(188 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16244:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16244 { flex-direction: column; } }
.component-16245 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(225 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16245:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16245 { flex-direction: column; } }
.component-16246 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(262 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16246:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16246 { flex-direction: column; } }
.component-16247 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(299 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16247:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16247 { flex-direction: column; } }
.component-16248 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(336 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16248:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16248 { flex-direction: column; } }
.component-16249 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(13 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16249:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16249 { flex-direction: column; } }
.component-16250 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(50 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16250:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16250 { flex-direction: column; } }
.component-16251 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(87 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16251:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16251 { flex-direction: column; } }
.component-16252 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(124 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16252:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16252 { flex-direction: column; } }
.component-16253 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(161 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16253:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16253 { flex-direction: column; } }
.component-16254 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(198 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16254:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16254 { flex-direction: column; } }
.component-16255 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(235 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16255:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16255 { flex-direction: column; } }
.component-16256 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(272 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16256:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16256 { flex-direction: column; } }
.component-16257 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(309 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16257:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16257 { flex-direction: column; } }
.component-16258 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(346 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16258:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16258 { flex-direction: column; } }
.component-16259 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(23 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16259:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16259 { flex-direction: column; } }
.component-16260 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(60 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16260:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16260 { flex-direction: column; } }
.component-16261 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(97 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16261:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16261 { flex-direction: column; } }
.component-16262 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(134 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16262:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16262 { flex-direction: column; } }
.component-16263 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(171 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16263:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16263 { flex-direction: column; } }
.component-16264 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(208 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16264:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16264 { flex-direction: column; } }
.component-16265 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(245 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16265:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16265 { flex-direction: column; } }
.component-16266 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(282 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16266:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16266 { flex-direction: column; } }
.component-16267 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(319 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16267:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16267 { flex-direction: column; } }
.component-16268 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(356 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16268:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16268 { flex-direction: column; } }
.component-16269 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(33 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16269:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16269 { flex-direction: column; } }
.component-16270 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(70 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16270:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16270 { flex-direction: column; } }
.component-16271 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(107 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16271:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16271 { flex-direction: column; } }
.component-16272 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(144 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16272:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16272 { flex-direction: column; } }
.component-16273 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(181 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16273:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16273 { flex-direction: column; } }
.component-16274 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(218 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16274:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16274 { flex-direction: column; } }
.component-16275 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(255 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16275:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16275 { flex-direction: column; } }
.component-16276 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(292 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16276:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16276 { flex-direction: column; } }
.component-16277 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(329 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16277:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16277 { flex-direction: column; } }
.component-16278 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(6 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16278:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16278 { flex-direction: column; } }
.component-16279 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(43 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16279:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16279 { flex-direction: column; } }
.component-16280 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(80 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16280:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16280 { flex-direction: column; } }
.component-16281 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(117 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16281:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16281 { flex-direction: column; } }
.component-16282 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(154 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16282:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16282 { flex-direction: column; } }
.component-16283 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(191 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16283:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16283 { flex-direction: column; } }
.component-16284 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(228 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16284:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16284 { flex-direction: column; } }
.component-16285 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(265 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16285:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16285 { flex-direction: column; } }
.component-16286 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(302 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16286:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16286 { flex-direction: column; } }
.component-16287 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(339 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16287:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16287 { flex-direction: column; } }
.component-16288 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(16 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16288:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16288 { flex-direction: column; } }
.component-16289 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(53 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16289:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16289 { flex-direction: column; } }
.component-16290 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(90 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16290:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16290 { flex-direction: column; } }
.component-16291 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(127 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16291:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16291 { flex-direction: column; } }
.component-16292 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(164 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16292:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16292 { flex-direction: column; } }
.component-16293 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(201 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16293:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16293 { flex-direction: column; } }
.component-16294 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(238 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16294:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16294 { flex-direction: column; } }
.component-16295 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(275 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16295:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16295 { flex-direction: column; } }
.component-16296 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(312 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16296:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16296 { flex-direction: column; } }
.component-16297 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(349 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16297:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16297 { flex-direction: column; } }
.component-16298 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(26 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16298:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16298 { flex-direction: column; } }
.component-16299 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(63 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16299:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16299 { flex-direction: column; } }
.component-16300 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(100 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16300:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16300 { flex-direction: column; } }
.component-16301 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(137 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16301:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16301 { flex-direction: column; } }
.component-16302 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(174 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16302:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16302 { flex-direction: column; } }
.component-16303 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(211 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16303:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16303 { flex-direction: column; } }
.component-16304 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(248 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16304:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16304 { flex-direction: column; } }
.component-16305 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(285 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16305:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16305 { flex-direction: column; } }
.component-16306 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(322 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16306:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16306 { flex-direction: column; } }
.component-16307 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(359 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16307:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16307 { flex-direction: column; } }
.component-16308 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(36 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16308:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16308 { flex-direction: column; } }
.component-16309 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(73 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16309:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16309 { flex-direction: column; } }
.component-16310 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(110 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16310:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16310 { flex-direction: column; } }
.component-16311 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(147 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16311:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16311 { flex-direction: column; } }
.component-16312 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(184 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16312:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16312 { flex-direction: column; } }
.component-16313 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(221 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16313:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16313 { flex-direction: column; } }
.component-16314 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(258 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16314:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16314 { flex-direction: column; } }
.component-16315 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(295 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16315:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16315 { flex-direction: column; } }
.component-16316 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(332 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16316:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16316 { flex-direction: column; } }
.component-16317 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(9 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16317:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16317 { flex-direction: column; } }
.component-16318 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(46 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16318:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16318 { flex-direction: column; } }
.component-16319 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(83 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16319:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16319 { flex-direction: column; } }
.component-16320 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(120 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16320:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16320 { flex-direction: column; } }
.component-16321 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(157 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16321:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16321 { flex-direction: column; } }
.component-16322 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(194 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16322:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16322 { flex-direction: column; } }
.component-16323 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(231 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16323:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16323 { flex-direction: column; } }
.component-16324 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(268 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16324:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16324 { flex-direction: column; } }
.component-16325 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(305 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16325:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16325 { flex-direction: column; } }
.component-16326 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(342 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16326:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16326 { flex-direction: column; } }
.component-16327 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(19 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16327:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16327 { flex-direction: column; } }
.component-16328 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(56 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16328:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16328 { flex-direction: column; } }
.component-16329 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(93 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16329:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16329 { flex-direction: column; } }
.component-16330 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(130 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16330:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16330 { flex-direction: column; } }
.component-16331 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(167 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16331:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16331 { flex-direction: column; } }
.component-16332 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(204 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16332:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16332 { flex-direction: column; } }
.component-16333 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(241 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16333:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16333 { flex-direction: column; } }
.component-16334 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(278 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16334:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16334 { flex-direction: column; } }
.component-16335 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(315 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16335:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16335 { flex-direction: column; } }
.component-16336 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(352 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16336:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16336 { flex-direction: column; } }
.component-16337 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(29 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16337:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16337 { flex-direction: column; } }
.component-16338 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(66 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16338:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16338 { flex-direction: column; } }
.component-16339 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(103 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16339:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16339 { flex-direction: column; } }
.component-16340 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(140 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16340:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16340 { flex-direction: column; } }
.component-16341 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(177 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16341:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16341 { flex-direction: column; } }
.component-16342 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(214 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16342:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16342 { flex-direction: column; } }
.component-16343 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(251 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16343:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16343 { flex-direction: column; } }
.component-16344 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(288 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16344:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16344 { flex-direction: column; } }
.component-16345 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(325 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16345:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16345 { flex-direction: column; } }
.component-16346 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(2 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16346:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16346 { flex-direction: column; } }
.component-16347 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(39 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16347:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16347 { flex-direction: column; } }
.component-16348 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(76 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16348:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16348 { flex-direction: column; } }
.component-16349 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(113 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16349:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16349 { flex-direction: column; } }
.component-16350 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(150 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16350:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16350 { flex-direction: column; } }
.component-16351 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(187 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16351:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16351 { flex-direction: column; } }
.component-16352 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(224 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16352:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16352 { flex-direction: column; } }
.component-16353 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(261 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16353:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16353 { flex-direction: column; } }
.component-16354 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(298 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16354:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16354 { flex-direction: column; } }
.component-16355 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(335 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16355:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16355 { flex-direction: column; } }
.component-16356 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(12 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16356:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16356 { flex-direction: column; } }
.component-16357 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(49 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16357:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16357 { flex-direction: column; } }
.component-16358 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(86 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16358:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16358 { flex-direction: column; } }
.component-16359 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(123 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16359:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16359 { flex-direction: column; } }
.component-16360 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(160 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16360:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16360 { flex-direction: column; } }
.component-16361 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(197 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16361:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16361 { flex-direction: column; } }
.component-16362 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(234 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16362:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16362 { flex-direction: column; } }
.component-16363 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(271 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16363:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16363 { flex-direction: column; } }
.component-16364 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(308 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16364:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16364 { flex-direction: column; } }
.component-16365 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(345 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16365:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16365 { flex-direction: column; } }
.component-16366 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(22 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16366:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16366 { flex-direction: column; } }
.component-16367 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(59 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16367:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16367 { flex-direction: column; } }
.component-16368 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(96 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16368:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16368 { flex-direction: column; } }
.component-16369 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(133 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16369:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16369 { flex-direction: column; } }
.component-16370 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(170 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16370:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16370 { flex-direction: column; } }
.component-16371 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(207 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16371:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16371 { flex-direction: column; } }
.component-16372 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(244 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16372:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16372 { flex-direction: column; } }
.component-16373 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(281 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16373:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16373 { flex-direction: column; } }
.component-16374 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(318 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16374:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16374 { flex-direction: column; } }
.component-16375 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(355 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16375:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16375 { flex-direction: column; } }
.component-16376 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(32 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16376:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16376 { flex-direction: column; } }
.component-16377 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(69 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16377:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16377 { flex-direction: column; } }
.component-16378 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(106 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16378:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16378 { flex-direction: column; } }
.component-16379 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(143 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16379:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16379 { flex-direction: column; } }
.component-16380 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(180 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16380:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16380 { flex-direction: column; } }
.component-16381 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(217 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16381:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16381 { flex-direction: column; } }
.component-16382 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(254 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16382:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16382 { flex-direction: column; } }
.component-16383 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(291 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16383:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16383 { flex-direction: column; } }
.component-16384 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(328 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16384:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16384 { flex-direction: column; } }
.component-16385 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(5 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16385:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16385 { flex-direction: column; } }
.component-16386 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(42 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16386:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16386 { flex-direction: column; } }
.component-16387 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(79 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16387:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16387 { flex-direction: column; } }
.component-16388 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(116 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16388:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16388 { flex-direction: column; } }
.component-16389 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(153 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16389:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16389 { flex-direction: column; } }
.component-16390 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(190 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16390:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16390 { flex-direction: column; } }
.component-16391 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(227 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16391:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16391 { flex-direction: column; } }
.component-16392 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(264 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16392:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16392 { flex-direction: column; } }
.component-16393 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(301 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16393:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16393 { flex-direction: column; } }
.component-16394 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(338 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16394:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16394 { flex-direction: column; } }
.component-16395 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(15 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16395:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16395 { flex-direction: column; } }
.component-16396 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(52 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16396:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16396 { flex-direction: column; } }
.component-16397 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(89 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16397:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16397 { flex-direction: column; } }
.component-16398 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(126 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16398:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16398 { flex-direction: column; } }
.component-16399 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(163 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16399:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16399 { flex-direction: column; } }
.component-16400 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(200 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16400:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16400 { flex-direction: column; } }
.component-16401 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(237 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16401:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16401 { flex-direction: column; } }
.component-16402 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(274 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16402:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16402 { flex-direction: column; } }
.component-16403 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(311 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16403:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16403 { flex-direction: column; } }
.component-16404 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(348 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16404:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16404 { flex-direction: column; } }
.component-16405 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(25 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16405:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16405 { flex-direction: column; } }
.component-16406 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(62 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16406:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16406 { flex-direction: column; } }
.component-16407 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(99 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16407:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16407 { flex-direction: column; } }
.component-16408 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(136 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16408:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16408 { flex-direction: column; } }
.component-16409 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(173 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16409:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16409 { flex-direction: column; } }
.component-16410 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(210 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16410:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16410 { flex-direction: column; } }
.component-16411 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(247 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16411:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16411 { flex-direction: column; } }
.component-16412 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(284 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16412:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16412 { flex-direction: column; } }
.component-16413 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(321 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16413:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16413 { flex-direction: column; } }
.component-16414 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(358 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16414:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16414 { flex-direction: column; } }
.component-16415 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(35 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16415:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16415 { flex-direction: column; } }
.component-16416 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(72 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16416:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16416 { flex-direction: column; } }
.component-16417 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(109 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16417:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16417 { flex-direction: column; } }
.component-16418 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(146 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16418:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16418 { flex-direction: column; } }
.component-16419 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(183 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16419:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16419 { flex-direction: column; } }
.component-16420 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(220 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16420:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16420 { flex-direction: column; } }
.component-16421 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(257 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16421:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16421 { flex-direction: column; } }
.component-16422 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(294 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16422:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16422 { flex-direction: column; } }
.component-16423 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(331 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16423:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16423 { flex-direction: column; } }
.component-16424 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(8 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16424:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16424 { flex-direction: column; } }
.component-16425 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(45 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16425:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16425 { flex-direction: column; } }
.component-16426 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(82 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16426:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16426 { flex-direction: column; } }
.component-16427 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(119 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16427:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16427 { flex-direction: column; } }
.component-16428 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(156 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16428:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16428 { flex-direction: column; } }
.component-16429 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(193 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16429:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16429 { flex-direction: column; } }
.component-16430 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(230 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16430:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16430 { flex-direction: column; } }
.component-16431 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(267 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16431:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16431 { flex-direction: column; } }
.component-16432 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(304 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16432:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16432 { flex-direction: column; } }
.component-16433 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(341 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16433:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16433 { flex-direction: column; } }
.component-16434 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(18 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16434:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16434 { flex-direction: column; } }
.component-16435 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(55 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16435:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16435 { flex-direction: column; } }
.component-16436 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(92 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16436:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16436 { flex-direction: column; } }
.component-16437 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(129 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16437:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16437 { flex-direction: column; } }
.component-16438 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(166 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16438:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16438 { flex-direction: column; } }
.component-16439 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(203 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16439:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16439 { flex-direction: column; } }
.component-16440 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(240 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16440:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16440 { flex-direction: column; } }
.component-16441 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(277 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16441:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16441 { flex-direction: column; } }
.component-16442 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(314 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16442:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16442 { flex-direction: column; } }
.component-16443 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(351 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16443:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16443 { flex-direction: column; } }
.component-16444 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(28 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16444:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16444 { flex-direction: column; } }
.component-16445 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(65 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16445:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16445 { flex-direction: column; } }
.component-16446 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(102 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16446:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16446 { flex-direction: column; } }
.component-16447 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(139 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16447:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16447 { flex-direction: column; } }
.component-16448 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(176 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16448:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16448 { flex-direction: column; } }
.component-16449 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(213 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16449:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16449 { flex-direction: column; } }
.component-16450 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(250 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16450:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16450 { flex-direction: column; } }
.component-16451 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(287 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16451:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16451 { flex-direction: column; } }
.component-16452 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(324 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16452:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16452 { flex-direction: column; } }
.component-16453 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(1 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16453:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16453 { flex-direction: column; } }
.component-16454 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(38 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16454:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16454 { flex-direction: column; } }
.component-16455 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(75 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16455:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16455 { flex-direction: column; } }
.component-16456 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(112 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16456:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16456 { flex-direction: column; } }
.component-16457 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(149 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16457:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16457 { flex-direction: column; } }
.component-16458 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(186 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16458:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16458 { flex-direction: column; } }
.component-16459 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(223 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16459:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16459 { flex-direction: column; } }
.component-16460 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(260 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16460:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16460 { flex-direction: column; } }
.component-16461 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(297 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16461:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16461 { flex-direction: column; } }
.component-16462 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(334 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16462:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16462 { flex-direction: column; } }
.component-16463 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(11 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16463:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16463 { flex-direction: column; } }
.component-16464 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(48 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16464:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16464 { flex-direction: column; } }
.component-16465 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(85 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16465:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16465 { flex-direction: column; } }
.component-16466 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(122 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16466:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16466 { flex-direction: column; } }
.component-16467 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(159 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16467:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16467 { flex-direction: column; } }
.component-16468 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(196 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16468:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16468 { flex-direction: column; } }
.component-16469 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(233 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16469:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16469 { flex-direction: column; } }
.component-16470 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(270 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16470:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16470 { flex-direction: column; } }
.component-16471 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(307 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16471:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16471 { flex-direction: column; } }
.component-16472 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(344 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16472:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16472 { flex-direction: column; } }
.component-16473 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(21 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16473:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16473 { flex-direction: column; } }
.component-16474 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(58 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16474:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16474 { flex-direction: column; } }
.component-16475 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(95 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16475:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16475 { flex-direction: column; } }
.component-16476 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(132 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16476:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16476 { flex-direction: column; } }
.component-16477 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(169 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16477:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16477 { flex-direction: column; } }
.component-16478 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(206 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16478:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16478 { flex-direction: column; } }
.component-16479 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(243 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16479:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16479 { flex-direction: column; } }
.component-16480 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(280 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16480:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16480 { flex-direction: column; } }
.component-16481 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(317 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16481:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16481 { flex-direction: column; } }
.component-16482 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(354 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16482:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16482 { flex-direction: column; } }
.component-16483 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(31 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16483:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16483 { flex-direction: column; } }
.component-16484 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(68 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16484:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16484 { flex-direction: column; } }
.component-16485 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(105 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16485:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16485 { flex-direction: column; } }
.component-16486 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(142 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16486:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16486 { flex-direction: column; } }
.component-16487 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(179 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16487:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16487 { flex-direction: column; } }
.component-16488 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(216 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16488:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16488 { flex-direction: column; } }
.component-16489 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(253 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16489:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16489 { flex-direction: column; } }
.component-16490 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(290 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16490:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16490 { flex-direction: column; } }
.component-16491 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(327 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16491:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16491 { flex-direction: column; } }
.component-16492 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(4 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16492:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16492 { flex-direction: column; } }
.component-16493 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(41 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16493:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16493 { flex-direction: column; } }
.component-16494 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(78 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16494:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16494 { flex-direction: column; } }
.component-16495 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(115 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16495:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16495 { flex-direction: column; } }
.component-16496 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(152 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16496:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16496 { flex-direction: column; } }
.component-16497 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(189 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16497:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16497 { flex-direction: column; } }
.component-16498 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(226 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16498:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16498 { flex-direction: column; } }
.component-16499 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(263 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16499:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16499 { flex-direction: column; } }
.component-16500 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(300 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16500:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16500 { flex-direction: column; } }
.component-16501 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(337 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16501:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16501 { flex-direction: column; } }
.component-16502 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(14 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16502:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16502 { flex-direction: column; } }
.component-16503 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(51 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16503:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16503 { flex-direction: column; } }
.component-16504 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(88 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16504:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16504 { flex-direction: column; } }
.component-16505 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(125 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16505:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16505 { flex-direction: column; } }
.component-16506 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(162 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16506:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16506 { flex-direction: column; } }
.component-16507 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(199 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16507:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16507 { flex-direction: column; } }
.component-16508 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(236 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16508:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16508 { flex-direction: column; } }
.component-16509 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(273 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16509:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16509 { flex-direction: column; } }
.component-16510 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(310 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16510:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16510 { flex-direction: column; } }
.component-16511 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(347 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16511:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16511 { flex-direction: column; } }
.component-16512 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(24 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16512:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16512 { flex-direction: column; } }
.component-16513 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(61 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16513:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16513 { flex-direction: column; } }
.component-16514 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(98 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16514:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16514 { flex-direction: column; } }
.component-16515 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(135 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16515:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16515 { flex-direction: column; } }
.component-16516 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(172 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16516:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16516 { flex-direction: column; } }
.component-16517 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(209 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16517:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16517 { flex-direction: column; } }
.component-16518 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(246 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16518:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16518 { flex-direction: column; } }
.component-16519 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(283 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16519:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16519 { flex-direction: column; } }
.component-16520 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(320 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16520:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16520 { flex-direction: column; } }
.component-16521 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(357 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16521:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16521 { flex-direction: column; } }
.component-16522 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(34 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16522:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16522 { flex-direction: column; } }
.component-16523 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(71 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16523:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16523 { flex-direction: column; } }
.component-16524 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(108 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16524:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16524 { flex-direction: column; } }
.component-16525 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(145 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16525:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16525 { flex-direction: column; } }
.component-16526 {
  display: flex;
  gap: 6px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(182 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16526:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16526 { flex-direction: column; } }
.component-16527 {
  display: flex;
  gap: 7px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(219 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16527:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16527 { flex-direction: column; } }
.component-16528 {
  display: flex;
  gap: 8px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(256 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16528:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16528 { flex-direction: column; } }
.component-16529 {
  display: flex;
  gap: 9px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(293 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16529:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16529 { flex-direction: column; } }
.component-16530 {
  display: flex;
  gap: 10px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(330 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16530:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16530 { flex-direction: column; } }
.component-16531 {
  display: flex;
  gap: 11px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(7 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16531:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16531 { flex-direction: column; } }
.component-16532 {
  display: flex;
  gap: 12px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(44 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16532:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16532 { flex-direction: column; } }
.component-16533 {
  display: flex;
  gap: 13px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(81 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16533:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16533 { flex-direction: column; } }
.component-16534 {
  display: flex;
  gap: 14px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(118 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16534:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16534 { flex-direction: column; } }
.component-16535 {
  display: flex;
  gap: 15px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(155 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16535:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16535 { flex-direction: column; } }
.component-16536 {
  display: flex;
  gap: 4px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(192 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16536:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16536 { flex-direction: column; } }
.component-16537 {
  display: flex;
  gap: 5px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(229 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16537:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16537 { flex-direction: column; } }
.component-16538 {
  display: flex;
  gap: 6px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(266 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16538:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16538 { flex-direction: column; } }
.component-16539 {
  display: flex;
  gap: 7px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(303 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16539:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16539 { flex-direction: column; } }
.component-16540 {
  display: flex;
  gap: 8px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(340 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16540:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16540 { flex-direction: column; } }
.component-16541 {
  display: flex;
  gap: 9px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(17 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16541:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16541 { flex-direction: column; } }
.component-16542 {
  display: flex;
  gap: 10px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(54 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16542:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16542 { flex-direction: column; } }
.component-16543 {
  display: flex;
  gap: 11px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(91 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16543:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16543 { flex-direction: column; } }
.component-16544 {
  display: flex;
  gap: 12px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(128 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16544:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16544 { flex-direction: column; } }
.component-16545 {
  display: flex;
  gap: 13px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(165 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16545:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16545 { flex-direction: column; } }
.component-16546 {
  display: flex;
  gap: 14px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(202 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16546:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16546 { flex-direction: column; } }
.component-16547 {
  display: flex;
  gap: 15px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(239 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16547:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16547 { flex-direction: column; } }
.component-16548 {
  display: flex;
  gap: 4px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(276 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16548:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16548 { flex-direction: column; } }
.component-16549 {
  display: flex;
  gap: 5px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(313 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16549:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16549 { flex-direction: column; } }
.component-16550 {
  display: flex;
  gap: 6px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(350 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16550:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16550 { flex-direction: column; } }
.component-16551 {
  display: flex;
  gap: 7px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(27 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16551:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16551 { flex-direction: column; } }
.component-16552 {
  display: flex;
  gap: 8px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(64 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16552:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16552 { flex-direction: column; } }
.component-16553 {
  display: flex;
  gap: 9px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(101 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16553:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16553 { flex-direction: column; } }
.component-16554 {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(138 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16554:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16554 { flex-direction: column; } }
.component-16555 {
  display: flex;
  gap: 11px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(175 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16555:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16555 { flex-direction: column; } }
.component-16556 {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(212 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16556:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16556 { flex-direction: column; } }
.component-16557 {
  display: flex;
  gap: 13px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(249 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16557:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16557 { flex-direction: column; } }
.component-16558 {
  display: flex;
  gap: 14px;
  padding: 14px 14px;
  color: var(--ink);
  background: hsl(286 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16558:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16558 { flex-direction: column; } }
.component-16559 {
  display: flex;
  gap: 15px;
  padding: 15px 15px;
  color: var(--ink);
  background: hsl(323 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16559:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16559 { flex-direction: column; } }
.component-16560 {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
  color: var(--ink);
  background: hsl(0 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16560:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16560 { flex-direction: column; } }
.component-16561 {
  display: flex;
  gap: 5px;
  padding: 1px 9px;
  color: var(--ink);
  background: hsl(37 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16561:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16561 { flex-direction: column; } }
.component-16562 {
  display: flex;
  gap: 6px;
  padding: 2px 10px;
  color: var(--ink);
  background: hsl(74 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16562:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16562 { flex-direction: column; } }
.component-16563 {
  display: flex;
  gap: 7px;
  padding: 3px 11px;
  color: var(--ink);
  background: hsl(111 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16563:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16563 { flex-direction: column; } }
.component-16564 {
  display: flex;
  gap: 8px;
  padding: 4px 12px;
  color: var(--ink);
  background: hsl(148 70% 96%);
  border-radius: 4px;
  transition: transform .2s ease-in-out;
}
.component-16564:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16564 { flex-direction: column; } }
.component-16565 {
  display: flex;
  gap: 9px;
  padding: 5px 13px;
  color: var(--ink);
  background: hsl(185 70% 96%);
  border-radius: 5px;
  transition: transform .2s ease-in-out;
}
.component-16565:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16565 { flex-direction: column; } }
.component-16566 {
  display: flex;
  gap: 10px;
  padding: 6px 14px;
  color: var(--ink);
  background: hsl(222 70% 96%);
  border-radius: 6px;
  transition: transform .2s ease-in-out;
}
.component-16566:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16566 { flex-direction: column; } }
.component-16567 {
  display: flex;
  gap: 11px;
  padding: 7px 15px;
  color: var(--ink);
  background: hsl(259 70% 96%);
  border-radius: 7px;
  transition: transform .2s ease-in-out;
}
.component-16567:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16567 { flex-direction: column; } }
.component-16568 {
  display: flex;
  gap: 12px;
  padding: 8px 8px;
  color: var(--ink);
  background: hsl(296 70% 96%);
  border-radius: 8px;
  transition: transform .2s ease-in-out;
}
.component-16568:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16568 { flex-direction: column; } }
.component-16569 {
  display: flex;
  gap: 13px;
  padding: 9px 9px;
  color: var(--ink);
  background: hsl(333 70% 96%);
  border-radius: 9px;
  transition: transform .2s ease-in-out;
}
.component-16569:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16569 { flex-direction: column; } }
.component-16570 {
  display: flex;
  gap: 14px;
  padding: 10px 10px;
  color: var(--ink);
  background: hsl(10 70% 96%);
  border-radius: 0px;
  transition: transform .2s ease-in-out;
}
.component-16570:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16570 { flex-direction: column; } }
.component-16571 {
  display: flex;
  gap: 15px;
  padding: 11px 11px;
  color: var(--ink);
  background: hsl(47 70% 96%);
  border-radius: 1px;
  transition: transform .2s ease-in-out;
}
.component-16571:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16571 { flex-direction: column; } }
.component-16572 {
  display: flex;
  gap: 4px;
  padding: 12px 12px;
  color: var(--ink);
  background: hsl(84 70% 96%);
  border-radius: 2px;
  transition: transform .2s ease-in-out;
}
.component-16572:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16572 { flex-direction: column; } }
.component-16573 {
  display: flex;
  gap: 5px;
  padding: 13px 13px;
  color: var(--ink);
  background: hsl(121 70% 96%);
  border-radius: 3px;
  transition: transform .2s ease-in-out;
}
.component-16573:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16573 { flex-direction: column; } }
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */